Design comparison
Solution retrospective
I have been trying and trying to get the computer and device images to resize for smaller screens. They resize when I shrink the browser, and they look fine in Firefox's web developer tool device simulators. When I view the solution on my phone, however, the images are still full size. I'm not quite finished with this project- I want to nail this design, and I keep tweaking the different sections to get the spacing and positioning just right- so I would very much appreciate any advice anyone can give me. Thank you!
Community feedback
- @rfilenkoPosted over 4 years ago
Hi, there some issues you can easily fix:
- for images img {max-width: 100%;}
- on smaller resolutions add to all flex-containers flex-direction:column;
- you are adding to many declarations like margin: 5rem auto; to different elements, its enought to apply to only parent;
- use or link, or a button, not both));
- in footer make only one list and apply flexbox;
Work on those fixes first, Roman
1@rspatzPosted over 4 years ago@rfilenko Thank you Roman- I very much appreciate your suggestions! -Robert
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