Advertisement
Guest User

Untitled

a guest
Jan 27th, 2020
97
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 0.37 KB | None | 0 0
  1. HTML:
  2. <div class="parent">
  3. <div class="div1"> </div>
  4. <div class="div2"> </div>
  5. <div class="div3"> </div>
  6. </div>
  7.  
  8. CSS:
  9. .parent {
  10. display: grid;
  11. grid-template-columns: 1fr 2fr 1fr;
  12. grid-template-rows: 1fr;
  13. grid-column-gap: 10px;
  14. grid-row-gap: 0px;
  15. }
  16.  
  17. .div1 { grid-area: 1 / 1 / 2 / 2; }
  18. .div2 { grid-area: 1 / 2 / 2 / 3; }
  19. .div3 { grid-area: 1 / 3 / 2 / 4; }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement