Features Page made with Flexbox and Mobile First Workflow

Community feedback

• 

  Vincent Chen•120

  @VincentChen6345Posted almost 3 years ago

  Hey Abdel!

  It looks like your responsive layout isnt designed from 427px to 1440px. You might want to give this screen width range a responsive design so it looks more complete.

  Goodluck!

  1

  ---

  

  Abdel!•130

  @Abdel-2020Posted almost 3 years ago

  @VincentChen6345 Hi Vincent!

  I see what you mean, I've made a habit of exclusively designing on 425px and exclusively on 1440px. Still new to this :'). How would I go about fixing this, would I add a media query in between for example at 768px for a tablet?

  I've looked at your design and code too, awesome job btw. I've noticed with a lot these solutions people are using SASS whereas I've been keeping to vanilla css. Do you recommend moving over to SASS?

  0

  

  Vincent Chen•120

  @VincentChen6345Posted almost 3 years ago

  @Abdel-2020 The way I was taught is to add media queries when the layout starts to look ugly as you shrink or expand the width. Add media queries so that the layout looks good at any width.

  SASS is faster and shortens your code if you use BEM notation. Id say once youre comfortable with normal css you can learn SASS.

  1