Use CSS Grid to create a layout with a header, sidebar, main content, and footer.
MediumProblem Statement
Use CSS Grid to create a layout with a header, sidebar, main content, and footer.
Sample Output
The sections are arranged in a grid layout.
Limits
Time: 2s · Memory: 256 MB
Code Editor
Log in to submit00:00
Try your code in this preview. Submit marks it done.
<!DOCTYPE html>
<html>
<head>
<style>
/* Add CSS here to style the grid layout */
</style>
</head>
<body>
<div class="container">
<header>Header</header>
<aside>Sidebar</aside>
<main>Main Content</main>
<footer>Footer</footer>
</div>
</body>
</html>
Document
To view the HTML changes, please type the code within the editor