Design comparison
Solution retrospective
Which areas of your code are you unsure of? I am unsure about responsiveness of my project. Please help me.
Community feedback
- @Lo-DeckPosted over 1 year ago
Hi well done for this project.
For this project you don't need to use the media queries, it's useless.
You should write your different size like margin, padding, ... in
em
orrem
instead ofpx
. Here is a link. freecodecamp.org.And for the body or container just write
.container { min-height: 100vh; background-color: #d7e7f3; display: flex; justify-content: center; align-items: center; }
Last thing for the images if you want to have a good responsiveness, here is a link. It can help you. freecodecamp.org
0 - @AnisBachaPosted over 1 year ago
If you want to check the responsiveness of a web page, you can use the devtools in the Chrome browser. Simply right-click the page and select "inspect". Then, in the top left corner of the dev tools, look for the laptop/mobile icon and click on it. A slider will appear that allows you to adjust the width of the page, so you can identify any issues. To learn more about best practices for making pages responsive, I recommend taking this course: https://courses.kevinpowell.co/view/courses/conquering-responsive-layouts.
0
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