Design comparison
Solution retrospective
i worked on this with my chrome at 90% zoom, but once i take it up to 100% or down to 80% it becomes disorganized. i feel if its opened on a laptop thats slightjy lrger or smaller than mine it wont look great.
is there a way for me to correct this?
Community feedback
- @brasspetalsPosted about 4 years ago
Hi, Degoke! 👋 Great job on this challenge!
It looks good on all the sizes I tested, so no worries! I believe if you wanted to "fix" it you would probably have to go back and increase values by about 10%. I did something similar but much worse with my Fylo dark landing page solution (made the mobile layout 2x the size it should have been 🤦♀️), so don't feel bad!
My only suggestion is to add
background-size: containto the body on the mobile layout, and usebackground-size: coveron the desktop version for better background responsiveness.2 - @ApplePieGiraffePosted about 4 years ago
Hey, great work, again, Degoke! 👍
It's great to see all the challenges your completing! 😆
I think adding a transition to the button would make the scale effect look a little smoother! Just a suggestion!
Keep coding (and happy coding, too)! 😁
1@DegokePosted about 4 years ago@ApplePieGiraffe thank you
i don't really know about transitions but ill learn them now.
0
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