Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <div class="container">
- <div class="item item1">1 CSS Grid</div>
- <div class="item item2">2</div>
- <div class="item item3">3</div>
- <div class="item item4">4</div>
- <div class="item item5">5</div>
- <div class="item item6">6</div>
- <div class="item item7">7</div>
- <div class="item item8">8</div>
- <div class="item item9">9</div>
- <div class="item item10">10</div>
- <div class="item item11">11</div>
- <div class="item item12">12</div>
- <div class="item item13">13</div>
- <div class="item item14">14</div>
- <div class="item item15">15</div>
- <div class="item item16">16</div>
- <div class="item item17">17</div>
- <div class="item item18">18</div>
- <div class="item item19">19</div>
- <div class="item item20">20</div>
- </div>
- <style>
- .container {
- display: grid;
- height: 800px;
- grid-template-columns: auto 100px 5vw 1fr;
- grid-template-rows: 1fr 1fr 100px;
- grid-gap: 20px;
- }
- </style>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement