Design comparison
SolutionDesign
Solution retrospective
I attempted to make sure that the component matched the references for both sizes but I didn't really do anything special to get there. Just used % values for some margins. Should I be doing more than that to make thing responsive, even for simple things like this?
Community feedback
- @freaky4wrldPosted about 1 year ago
Hey there, buddy congratulations on completing the challenge...... as per your question
- for making a design responsive you always try to look for empty spaces like margin, padding, gaps, and other white-spaces
- and try to reduce/increase with the apt screen-sizes.....
- also try to reduce/increase the font-sizes/line-heights if needed....
- using %/rem/em units is better than hard-coded px...... (to achieve responsiveness px-units prove great for static elements)
- for making the UI responsive we make use of media-queries
Hope it helps in adding to your knowledge........ glad that I can be of any use to you!!
Marked as helpful1
Please log in to post a comment
Log in with GitHub
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