scrimba
Frontend Career Path
Responsive design
Build a Responsive Layout with CSS Grid
Aside: Grid Columns and Gap
Go Pro!Bootcamp

Bootcamp

Study group

Collaborate with peers in your dedicated #study-group channel.

Code reviews

Submit projects for review using the /review command in your #code-reviews channel

Aside: Grid Columns and Gap
AboutCommentsNotes
Aside: Grid Columns and Gap
Expand for more info
index.html
run
preview
console
<!doctype html>
<html>

<head>
<title>CSS Grid</title>
<link rel="stylesheet" href="index.css">
</head>

<body>
<div class="grid-container">
<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>
</body>

</html>
Console
/index.html
-4:31