flexbox and media queries

Community feedback

• 

  Mojtaba Mosavi•3,740

  @MojtabaMosavi

  Posted about 4 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 :)

  01

  Marked as helpful
• 

  chisommuorah•325

  @chysomm62

  Posted about 4 years ago

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

  00
• 

  

  Grace•32,130

  @grace-snow

  Posted about 4 years ago

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

  Good html structure though ☺

  01
• 

  Rohit Kumar•125

  @rohits673

  Posted about 4 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!

  01