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

Vanilla Html and Css Solution

Jorge saxonβ€’ 150

@JAsaxon

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


I think my solution is almost perfect although for some reason the images look bigger on the live site than in a local server, If anyone knows what causes this I'll be very grateful. Overall I found this project quite enjoyable, it's not often that I use grid on my own personal projects an this challenge was a great place to dust off my grid skills, apart from that I made the mistake of writing this in vanilla HTML and CSS which was quite annoying, I forgot how much I rely on Frameworks and sass. anyways any feedback is appreciated!

Community feedback

P
visualdennisβ€’ 8,375

@visualdenniss

Posted

Great job in completing the challenge successfully! Your solution looks great overall, the design implementation is simple neat. It also seems to be responsive, which is a big plus.

"although for some reason the images look bigger on the live site than in a local server"

If you refer to the difference in submission screenshot and solution screenshot: The solution screenshots are taken on firefox browser, so you might wanna test them on it. Also the design layout is designed for 1440px, so if you built on a different viewport size, it might vary a bit. But don't worry about it much, cuz it is impossible that a website looks exactly same on all devices, so just focus on getting it consistent and looking good enough, no need to be pixel perfect.

Hope you find this feedback 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