Computer scienceFrontendCSSGrid

Introduction to Grid

Theory

Template areas

Report a typo

You are given a basic pre-styled structure with already-defined grid properties. Your task is to add appropriate template areas, so as a result, you'll have the layout below:

Template areas

Write HTML and CSS code
<!DOCTYPE html>
<html>
<head>
<title>My grid website</title>
</head>
<body>
<div class="container">
<div class="header">Header</div>
<div class="sidebar">Sidebar</div>
<div class="main_content">Main Content</div>
<div class="footer">Footer</div>
</div>
</body>
</html>














Completed 1 of 2
Add an appropriate `grid-template-areas` in order to achieve the result in the description
The code is valid
___

Create a free account to access the full topic