Here is the HTML code:
<main>
<div class="navbar">
Navbar
</div>
<div class="ads">
Ads
</div>
<div class="main_content">
Main
</div>
<div class="aside">
Aside
</div>
<div class="footer">Footer</div>
</main>And the basic CSS:
/* Grid CONTAINER */
main {
display: grid;
grid-template-areas: ##YOU SHOULD PLACE A RIGHT TEMPLATE##
}
/* Grid ITEMS */
.navbar { grid-area: Navbar }
.ads { grid-area: Ads }
.main_content { grid-area: Main }
.aside { grid-area: Aside }
.footer { grid-area: Footer }Which template areas you should choose in order to get this layout?