Design comparison
Solution retrospective
What did you find difficult while building the project?
To start I was very unsure about how to implement the opacity, but did some research and learned that I could achieve the faded backgrounds with a pseudo class.
Which areas of your code are you unsure of?
I'm not sure if I set up the opacity correctly or in a very efficient way. I purposely did not look up others solutions prior to started, but will look to see how others solved for this design requirement.
Do you have any questions about best practices?
When it comes to building responsive pages, should you only care what the design looks like at the specified screen sizes? I spent a lot of time trying to make the component look decent as you squish the window on desktop. Not sure if this is something I should spend time doing consistently.
Community feedback
- @visualdennissPosted over 1 year ago
"When it comes to building responsive pages, should you only care what the design looks like at the specified screen sizes?"
Your app should look good between as low as 280px or 320px at least and as high as 2500px. The given designs show how the app should exactly look like on 375px and 1440px screens, but it is best to have a good and responsive layout for anything between the range of 320px and 2500px. Basically you shouldn't only be coding for 375px and 1440px. Hope this answers.
Hope you find this feedback helpful!
Marked as helpful1
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