VS Code, Chrome, Stack Overflow, Favicon Generator

Solution retrospective
Hello,
I'm struggling with how the page responds to the web page being reduced. I think it may be down to my use of PX vs REM/EM/% but confirmation of this would be appreciated.
This is my fist attempt at building a feature page without a tutorial on Udemy or Youtube. Any feedback on how I should continue/ progress my learning is appreciated also!
Thanks
Please log in to post a comment
Log in with GitHubCommunity feedback
- @yvsminvs
Hi Craig!
Congratulations on your first attempt, it looks pretty good!! You can also try to do it for desktop using media queries and, in this case, CSS Grid :)
I checked your code and I'd suggest you to remove the width and the height assigned to these boxes. Instead, use min-width and min-height.
When you assign a determined width/height you are fixing these values. That's why when you reduce the page, the boxes don't ''shrink''.
Hope it helps you!
Join our Discord community
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