Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- HTML:
- <div class="parent">
- <div class="div1"> </div>
- <div class="div2"> </div>
- <div class="div3"> </div>
- </div>
- CSS:
- .parent {
- display: grid;
- grid-template-columns: 1fr 2fr 1fr;
- grid-template-rows: 1fr;
- grid-column-gap: 10px;
- grid-row-gap: 0px;
- }
- .div1 { grid-area: 1 / 1 / 2 / 2; }
- .div2 { grid-area: 1 / 2 / 2 / 3; }
- .div3 { grid-area: 1 / 3 / 2 / 4; }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement