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

Testimonial Grid Section (HTML & CSS)

P
Patrick• 14,325

@palgramming

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


The only thing I find weird is the box shadow settings that were in sketch file but hopefully everything is like it should be

Community feedback

karenefereyan• 375

@karenefereyan

Posted

I love it

1

P
Patrick• 14,325

@palgramming

Posted

@karenefereyan Thanks the key is to build it over and over and over till you get it like you want it and learn the new things you need to know to be able to do it

0
P
tediko• 6,530

@tediko

Posted

Hello, Patrick! 👋

Firstly, congratulations on becoming mentor of the week! Your solution looks very good and also responds well. Here's my few tips:

  • Change the alt attributes for the .users avatars, as they don't add any extra context for screen reader users. Since your images are decorative your alt text should be provided empty (alt="") so that they can be ignored by assistive technologies. Informations provided by .name and .graduate perfectly describe it itself.
  • Don't use ID selector to style every your section card, instead use class for it. IDs have a downside: they are completely unique and therefore cannot be reused. You could potentially style every element on your page with an ID selector but you would lose a lot of the benefit of CSS in the process. And later on if you ever want that styles to be override with another class for example it won't be possible due to specificity.

Good luck with that, have fun coding! 💪

1

P
Patrick• 14,325

@palgramming

Posted

@tediko Thanks, if I helped anyone that last week that is all that matters. I know I worked on these projects multiple times 9+ months before I started uploading any of them and still end up re doing them multiple times

I will keep in mind the screen reader issues and I know I need to study the whole accessibility thing with the changes to EU laws

I did mix classes with my IDs but I have been giving things IDs even if I do not style with them to keep the code my head better. I know I am creating global Dom objects but with practice projects I am not worried about having IDs on most elements at this point. But every challenge I seem to do a little different so we will see what I end up with long term

0

@Pascal488

Posted

Hey bro congrats i've checked all of your projects and end up appreciating your effort big up bro,i wish we could be friends here is my Whatsapp number ping me if want +255789310923

0

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