Computer scienceFrontendCSSGrid

Grid Property

Theory

The CSS Grid

Report a typo

In this topic, you've learned how to apply the CSS grid property. Here, you need to apply the correct CSS property to achieve the order of the containers as in the picture below.

Grid table with two rows and one column

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 one">1</div>
<div class="grid-item two">2</div>
<div class="grid-item three">3</div>
<div class="grid-item four">4</div>
<div class="grid-item five">5</div>
<div class="grid-item six">6</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