.content{
height: 100vh;
display: grid;
grid-template-areas: ". first . . . . . ."
"un . . . . . . ."
". . . . . . . deux"
". . trois . . . . .";
grid-template-columns: repeat(8, 1fr);
grid-template-rows: repeat(4, 1fr);
}
.zero{
grid-area:first;
}
.un{
grid-area: un;
}
.deux{
grid-area: deux;
}
.trois{
grid-area: trois;
}
p{
font-size: 6em;
text-transform: uppercase;
font-family: verdana;
}
.content{
height: 100vh;
display: grid;
grid-template-areas: ". first . . . . . ."
"un . . . . . . ."
". . . . . . . deux"
". . trois . . . . .";
grid-template-columns: repeat(8, 1fr);
grid-template-rows: repeat(4, 1fr);
}
.zero{
grid-area:first;
}
.un{
grid-area: un;
}
.deux{
grid-area: deux;
}
.trois{
grid-area: trois;
}
p{
font-size: 6em;
text-transform: uppercase;
font-family: verdana;
}