/Html/Div side by side css without bootstrap

Div side by side css without bootstrap

<style>
.grid-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
}
</style>
<div class="grid-container">
    <div class="grid-child purple">
        Grid Column 1
    </div>
    <div class="grid-child green">
        Grid Column 2
    </div>
</div>

Similar codes

48 votes312 views4 answers
Favicon htmk
Html
-1 vote280 views2 answers
Email pattern in html input angular
Html
9 votes278 views3 answers
Relative path
Html
10 votes302 views6 answers
Bootstrap tabs
Html
1 vote295 views1 answer
Html hide a div by default
Html
0 vote259 views2 answers
Mobile app
Html
0 vote275 views2 answers
<!DOCTYPE html> <html> <head> <title>Page Title</title> </head> <body> <h1>This is a Heading</h1> <p>This is a paragraph.</p> </body> </html>
Html
0 vote297 views1 answer
Html cheetsheet.com
Html
0 vote297 views1 answer
Javascript upload file without input
Html
15 votes270 views5 answers
Accordion bootstrap
Html