flexbox and media queries

Community feedback

• 

  Mojtaba Mosavi•3,760

  @MojtabaMosaviPosted over 3 years ago

  Hi!, looks nice and responds well. A small improvement that you can make is to make the fonts a litle bigger on desktop view because is increases the readability.

  Keep coding :)

  Marked as helpful

  0

  ---

  

  Emad Jaber•130

  @emad2411Posted over 3 years ago

  @MojtabaMosavi Thanks for your comment

  0
• 

  chisommuorah•325

  @chysomm62Posted over 3 years ago

  Great work. Try putting your card in a wrapper and using display flex, just changing flex-direction in mobile or desktop.

  0
• 

  T

  Grace•30,990

  @grace-snowPosted over 3 years ago

  I'm afraid this is all unreadable for me because it's so small

  Good html structure though ☺

  0

  ---

  

  Emad Jaber•130

  @emad2411Posted over 3 years ago

  @grace-snow Thanks Grace

  0
• 

  Rohit Kumar•125

  @rohits673Posted over 3 years ago

  Hi, I checked your site its looks accurate on desktop version, still you can improve it for medium sized devices and mobile as on both of it looks really small due to too much space around also you should avoid fixed width of .card components also as you are using flexbox you can use it in .container to centralize your card instead of using transform:translate(-50%,-50%); you can use responsive unit like vh for deciding height for the .card divs. For more clarification please check my solution an please let me know if there is any improvement i can do there. Thanks!

  0

  ---

  

  Emad Jaber•130

  @emad2411Posted over 3 years ago

  @rohits673 Thank you Rohit , I'll check you solution and let you know if I have any Question

  0