social-proof-section with basic html - css

Community feedback

• 

  

  ApplePieGiraffe•30,525

  @ApplePieGiraffe

  Posted over 4 years ago

  Hi, Iqbal! 👋

  Good work on this challenge! 😀 Your solution looks pretty good! 👍

  I suggest,

  • Adding a little space between the stars and the review text in the review boxes when the stars are positioned on top of the review text.
  • Decreasing the size of the heading (and perhaps even of the paragraph text a bit) in the mobile layout of the site because they do not need to be so big, then.

  Keep coding (and happy coding, too)! 😁

  11
• 

  

  Grace•32,130

  @grace-snow

  Posted over 4 years ago

  Hi Iqbal

  Viewing on mobile some content is hidden or squished for me. This is because you're using percentages on the grid-template-rows. If you changed these to be auto or even min-max it would be fixed I think.

  If you change this you'll probably find you don't need as many media queries on this. I would only expect one or max 2 to create a design like this.

  Im sure you're aware already your bottom three cards aren't aligned like the design on desktop either, so maybe look at that too.

  Good luck with it! And please upvote if you've found any of this helpful ☺

  11