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

Testimonials CSS Responsive Grid Layout challenge

P
cloudpc7 180

@cloudpc7

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


What are you most proud of, and what would you do differently next time?

I am proud that I learned more about making css responsive styles and creating something that looks so close to the original. I also like the fact that I am learning more and more about media queries which is making things a lot easier and I am not doing so much code than before.

What challenges did you encounter, and how did you overcome them?

the challenges I encountered was displaying the text evenly and knowing why its a good idea to put in place grid-auto-template-column. I was able to learn a lot from Kevin Powell's videos on youtube. I overcame the process of creating a reset stylesheet and creating a css root set before actually coding the css which prevents me from performing a lot of repeat code.

What specific areas of your project would you like help with?

I see the text isn't really lining up with the figma design. so I would like to know if I can make anything better.

Community feedback

P

@bartoszdudziak-dev

Posted

Looking through your code, I see that you managed to handle the font family. You can generate new screenshot of your solution.

I encourage you to have a look on self-hosting fonts (e.g. Kevin Powell's YT video).

In my opinion the container should have limited max-width by default, because it takes whole space when screen width is less than 1200px.

Apart from this detail, your solution is really good! 🫡

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