Design comparison
Solution retrospective
I am a little unsure about my CSS in this one. I know there is a better way to scale from mobile to desktop. I will continue to refine the CSS as i learn more.
Community feedback
- @DavidMorgadePosted about 2 years ago
Hello Nugget, great job getting the solution for the challenge, welcome to the Frontendmentor community
In this challenge there is actually no need to adapt that much from mobile to desktop, just using only
max-width
should do the job, I checked out your code and noticed that you were usingmax-width
andmin-width
in the same place with the same value, try avoiding this because using both tags would be the same as just usingwidth
, in this case it would be better to usemax-width
on the whole container, so your component adapts on lower screens.Hope my feedback helps you, if you have any questions don't hesitate to ask!
Marked as helpful1@NuggxtPosted about 2 years ago@DavidMorgade I will definitely keep this in mind as i go forward in learning. TBH I thought I took out the min-width. I guess it got passed me when i uploaded the files to github. Thank you so much for the feedback!
1
Please log in to post a comment
Log in with GitHubJoin 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