yone1108
Decapat
- Katılım
- 21 Nisan 2021
- Mesajlar
- 709
- Makaleler
- 1
- Çözümler
- 2
CSS:
.grid-container {
display: grid;
grid-template-areas:
"navbar header header header header"
"navbar content content content content";
grid-template-rows: 80px auto;
height: 100%;
}
header {
background-color: yellow;
grid-area: header;
}
aside {
grid-area: navbar;
background-color: tomato;
overflow: auto;
}
article {
grid-area: content;
background-color: aqua;
overflow: auto;
}
HTML:
<div class="grid-container">
<header class="header">header</header>
<aside class="sidebar">aside</aside>
<article class="content">content</article>
</div>
Sidebar display: none; yaptığım zaman header ve article sayfanın tamamını kaplasın istiyorum bunu yapmak mümkün mü?
Dosya Ekleri
Son düzenleyen: Moderatör: