@Ikuewumi
Posted
Hi Shaun ๐. Good solution. About your question on grid issues, here is my suggestion:
In this situation, mobile-first CSS comes in handy because on mobile-screens, there isn't a lot to do layout-wise, then you add on the complexity on desktop screens. In this case, I think you could incorporate that with something like this:
main-grid {
display: grid;
}
@media (min-width) {
main-grid {
grid-template-areas: "...."
}
}
Anyways, I hope this helps. Feel free to ask any questions, and keep coding๐, Ayobami