/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

4 votes133 views1 answer
Rotate an image on hover CSS
Html
4 votes159 views3 answers
Html change button color
Html
4 votes152 views1 answer
React select, option
Html
7 votes142 views5 answers
Markdown comment
Html
4 votes93 views1 answer
Prevent back button after logout
Html
13 votes143 views2 answers
Bootstrap header
Html
1 vote164 views1 answer
How to inherit template expath odoo
Html
9 votes148 views4 answers
How to remove title bar in android studio kotlin
Html
1 vote148 views2 answers
Bootstrap 4 Navbar Dropdown Menu Items Right
Html
1 vote151 views1 answer
How to add icons in html
Html