Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Responsive Testimonial Cards

Hako 110

@ilhanhakan-koc

Desktop design screenshot for the Testimonials grid section coding challenge

This is a solution for...

  • HTML
  • CSS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


Any kind of tips are appreciated!

Community feedback

Krzysztof 240

@KrzysztofLeczycki

Posted

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

1
Dev Rathore 2,600

@GitHub-dev12345

Posted

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

1

Please log in to post a comment

Log in with GitHub
Discord logo

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