Space Tourism website

Community feedback

• 

  Nicolas Blasutig•180

  @NicoBlasPosted over 2 years ago

  Hi Arik.

  The way i do the CSS responsive is mobile first. I use relative units like % or VW/VH and lot of Flexbox. This way it adapts easily to different resolutions. Make sure you use media queries too for making sure it looks good on every device. At least i recomend using a media query with min-width of 600px and another for min-width of 1281px. Use the dev tool in your browser in order to see if your app breaks in some point. If it does, you can add another media query for that particular resolution that is making trouble and make sure you are using relative units.

  Hope it helps

  Marked as helpful

  2

  ---

  

  Arik•30

  @IntisarArikPosted over 2 years ago

  @NicoBlas Hello Nicolas!

  Thanks for your feedback. I will keep your advice in mind.

  0
• 

  Thomas Gooch•180

  @ThomasAureliusPosted over 2 years ago

  I second what Nicolas said. Use variable units for sizing, vh and vw, try them and play around with them. Also is media queries. The challenge wants views at 1440 and 375 widths, and I target my tablet size with about a 768 width. But, I always have other media queries at points where the design needs nudging.

  1