@Nnenna-udefi
Felix Criollo
@FelixCriolloAll comments
- @FelixCriollo
Good job 🚀 🚀
In
.container
you could also usegrid-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)
addinggrid-area: pur;
(for example)More info about grid-template-areas
Happy coding :3
Marked as helpful - @avatarfreak@FelixCriollo
Very good! 💪 You could put 'background-cover: 100% 60%;' in the body for the high resolution monitors. It is very something very miniscule, because in itself your design is well achieved.