Design comparison
Solution retrospective
- Is there a better way to make the site responsive to different screen sizes?
- What are the best practices for positioning design elements?
Community feedback
- @abelmoradPosted almost 2 years ago
-
For the site to be responsive to different screen sizes you will use media query breakpoints usually you will use (375px for mobile, 768px for tablets, and 1440px for large screens. https://www.freecodecamp.org/news/css-media-queries-breakpoints-media-types-standard-resolutions-and-more/
-
For positioning elements, I find using a grid so much easier you can also flex. https://css-tricks.com/snippets/css/complete-guide-grid/ https://css-tricks.com/snippets/css/a-guide-to-flexbox/
Marked as helpful1@ejmatterPosted over 1 year ago@abelmorad Thank you so much! I will definitely practice using the media query; I will also use the pages you provided to research the CSS grid,
0@ejmatterPosted over 1 year ago@abelmorad Thank you so much! I will definitely practice using the media query; I will also use the pages you provided to research the CSS grid.
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