Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <title>Using Grid</title>
- <style type="text/css">
- .grid {
- background-color: green;
- display: grid;
- padding: 20px;
- grid-column-gap: 20px;
- grid-row-gap: 10px;
- /*grid-template-columns: 200px 200px auto;*/
- grid-template-columns: auto auto auto auto;
- }
- .grid-item {
- background-color: white;
- font-size: 20px;
- padding: 20px;
- text-align: center;
- }
- </style>
- </head>
- <body>
- <div class="grid">
- <div class="grid-item">1</div>
- <div class="grid-item">2</div>
- <div class="grid-item">3</div>
- <div class="grid-item">4</div>
- <div class="grid-item">5</div>
- <div class="grid-item">6</div>
- <div class="grid-item">7</div>
- <div class="grid-item">8</div>
- <div class="grid-item">9</div>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment