Computer scienceFrontendCSSGrid

Grid Property

The CSS Grid

Report a typo

Order the number from 1 to 9 by applying the CSS grid property.

Write HTML and CSS code

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta http-equiv="X-UA-Compatible" content="IE=edge">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<link rel="stylesheet" href="style.css">

<title>Document</title>

</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 class="grid-item">9</div>

</div>

</body>

</html>

Completed 1 of 2

Apply CSS grid to class grid-container

The code is valid

___

Create a free account to access the full topic