/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

0 vote243 views1 answer
.net mvc htmlattibutes hyphen
Html
0 vote263 views1 answer
Render text as html react
Html
0 vote235 views1 answer
Add a gif a background image in html
Html
0 vote233 views1 answer
Multiple styles on one line
Html
1 vote234 views2 answers
Put space between text html
Html
4 votes244 views3 answers
Hyperlinks in html
Html
0 vote219 views1 answer
Ght TypeError: Cannot read properties of null (reading 'value') at getInchesValue (BMI.is:12) at HTMLSelectElement.onchange (Index.html:20)
Html
13 votes235 views2 answers
How to add an email box in html
Html
5 votes233 views2 answers
Read only attribute in html
Html
1 vote235 views1 answer
How to break between characters in html
Html