Computer scienceFrontendCSSGrid

Grid Property

Theory

The CSS Grid

Report a typo

Apply the correct CSS property to achieve the order of the containers as in the picture below.

Header main and footer objects placed in 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="item3">Footer</div>
<div class="item1">Header</div>
<div class="item2">Main</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