Computer scienceFrontendCSSGrid

Grid rows and columns

Theory

CSS display grid

Report a typo

Using the starting HTML and CSS template, achieve the grid display as shown in the picture. Set the height of each column to 150px.

The grid display

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">
<title>Example</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="grid">
<div>Column 1</div>
<div>Column 2</div>
<div>Column 1</div>
<div>Column 2</div>
</div>
</body>
</html>
Completed 1 of 2
Set the height of each column to 150px
The code is valid
___

Create a free account to access the full topic