It's not really visible, but if you change the background color from white to something else you can see that when <main> wraps there are 2 white "gaps" with purple background and diagonal stripes. I've tried to search how can I get rid of those and match the size of the content inside but the only thing I found was the " gap: 0;" thing, but that doesn't work. If anyone knows how can I fix that please let me know, and if you didn't understood what I was trying to say please say so I can explain again haha.
@Durban86
Posted
It looks really good to me, I tried changing the background colors of main and of body, I didn't see anything that you're describing.
The only thing I notice for the mobile version is your top corners shouldn't be rounded.
Great job!
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord
