Normal css or bootstrap? How do you make your images responsive? How to best do a mobile first approach
Melody
@IndigoStar88All comments
- @VictorMukumbuSubmitted almost 2 years ago@IndigoStar88Posted almost 2 years ago
Hi! To do a mobile first approach, start by laying out your html, css and previewing your design on a mobile size width viewport. Then, start to increase the viewport size and add media queries to accommodate the larger screen sizes (as opposed to designing on a larger screen first and adding media queries for the smaller screens).
Marked as helpful0 - @ailenglassmamSubmitted almost 2 years ago
Hello community!
After two days I finished the project. The truth is that the responsive part cost me a lot of questions:
- Which breakpoints are the ideal ones to use?
- Which measurement units are the best ones to avoid doing so much code at the end?
Suggestions?
@IndigoStar88Posted almost 2 years agoHi Ailén this article helped me with what breakpoints to use for media queries: https://www.freecodecamp.org/news/the-100-correct-way-to-do-css-breakpoints-88d6a5ba1862/
I used the suggested breakpoints from the article (600px, 900px, 1200px) and 1440px for this same challenge and it seemed to work nicely. I hope this helps!
Marked as helpful0