@FelixCriollo
Posted
Good job π π
In .container
you could also use grid-template-areas
for easier the grid layout
For example:
@media screen and (min-width: 800px)
.container {
display: grid;
grid-template-areas:
"pur pur gray w1"
"w2 dark dark w1";
gap: 16px;
margin: 0 5% 0 5%;
padding: 1.2rem;
}
And then change each .badges(n)
adding grid-area: pur;
(for example)
More info about grid-template-areas
Happy coding :3
Marked as helpful
@Nnenna-udefi
Posted
@FelixCriollo Thank you for the feedback. I'm still read up and make the changes