Responsive with flexbox

Community feedback

• 

  Liam•150

  @liamchivers23Posted over 2 years ago

  Hi, Alazar. Your Solution, While good lacks responsiveness. Through from 1000px to 375px it looks slightly squashed. Maybe try and change the flex-direction of your project to column so that it displays as it would in the mobile view.

  Although this is just my opinion and you dont have to take my advice,

  Liam. :)

  Marked as helpful

  0

  ---

  

  Alazar Getachew•260

  @AlazarG19Posted over 2 years ago

  @liamchivers23 i didnt fix that yet thanks for the comment but idk why but my page is different in edge and firefox and it always messes with my margin and padding to the body or main

  0

  

  Liam•150

  @liamchivers23Posted over 2 years ago

  @AlazarG19 i think that is because you are using px with margin and padding? If you use 'percentage' or 'rem' units your design will be more responsive :)

  0

  

  Alazar Getachew•260

  @AlazarG19Posted over 2 years ago

  @liamchivers23 how about vw and vh

  0

  

  Liam•150

  @liamchivers23Posted over 2 years ago

  @AlazarG19

  im not too sure about vw and vh, normally i use the "max-width" selector on css for width

  0
• 

  Mohit Jaiswal•50

  @mohit421Posted over 2 years ago

  Hi , you can use margin or padding bottom and for mobile use padding between card so that it look better. Hope , you find it helpful !

  0