@Nnenna-udefiSubmitted almost 3 years ago
Any remark on the grid code would be highly appreciated.
Any remark on the grid code would be highly appreciated.
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
Any constructive feedback is very much welcomed. Build with CSS, Javascript, and HTML.
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.