aligning css grids in one line
تبليغسؤال
يرجى شرح بإيجاز لمإذا تشعر أنك ينبغي الإبلاغ عن هذا السؤال.
I’m trying to create a grid layout with two boxes that I want to be in one line.
the result was :
.container {
display: grid;
grid-template-areas: “1 2 2″;
}
display: grid;
grid-template-areas: “1 2 2″;
}
.sidebar {
background-color: aqua;
grid-area: 1;
height: 50vh;
}
.content {
background-color: black;
grid-area: 2;
height: 50vh;
}
<div class=”container”>
<div class=”sidebar”></div>
<div class=”content”></div>
</div>
why it doesn’t follow the template I designated
أضف إجابة