Hyron• 5,870
@hyrongennike
Posted
Hi @Miassa35,
Nice job on finishing the challenge
Just a suggestion, you can add the following rule to your CSS file to reduce the height of the columns to better match that of the design.
main.grid-wrapper {
justify-content: center;
align-items: center;
}
0
Miassa• 100
@Miassa35
Posted
@hyrongennike i put this code in " body " to align the grid-wrapper but it doesn't work because of flexbox but when i do display grid it works. can you explain me why please?
0
Hyron• 5,870
@hyrongennike
Posted
@Miassa35 default behavior for grid and flexbox is to stretch to the height of the parent and you body element is min-height:100vh so it will not center without you telling it be in the center.
0
Miassa• 100
@Miassa35
Posted
@hyrongennike thank you Hyron
0
