Skip to content
Submitted over 3 years ago

Responsive Testimonial Cards

Hako•110
@ilhanhakan-koc
A solution to the Testimonials grid section challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Any kind of tips are appreciated!

Code

Please log in to post a comment

Log in

Community feedback

  • Krzysztof•240
    @KrzysztofLeczycki

    Hi, I have few thoughts after seeing your solution:

    • add whitespaces at the top an the bottom in main section,
    • correct paddings in artcles,
    • rebuild your grid layout in for screens wider than 800px. There is enough space for more columns in a row. :D Remember that one coulmn layout is by default.

    I'm not sure if using <h1> tag in each article is good practice. I would use <h2> instead and keep <h1> for the page main heading.

    Best wishes. :D

    Marked as helpful
  • Dev Rathore•2,540
    @GitHub-dev12345

    Nice Coding 🚀🚀👍 Congratulation to complete the challenge ❤️👍 My small suggestion : 1.In Card design CSS Code Used this:

    transform : scale(0.8); this property decrease the size of card. 😉

    large size for increase the number of scale & small size for decrease the number of scale

    I hope you find this helpful

    Marked as helpful

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord