All comments

• 

  Mukumbu K. Victor• 20

  @VictorMukumbu

  Submitted almost 2 years ago

  Normal css or bootstrap? How do you make your images responsive? How to best do a mobile first approach

  

  news frontend solution by Mukumbu K. Victor

  3

  40

  

  Melody• 120

  @IndigoStar88

  Posted 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 helpful

  0

  This comment has received 1 replyShow
• 

  Ailén Glassmam• 90

  @ailenglassmam

  Submitted 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?

  

  Clipboard landing page responsive

  1

  20

  

  Melody• 120

  @IndigoStar88

  Posted almost 2 years ago

  Hi 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 helpful

  0