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

HTML5, CSS3 and BEM

Felipe OG 730

@felipeog

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


Hello, everyone!

I do not have specific questions. Any feedback is appreciated.

Cheers!

Community feedback

Arturo Simon 1,785

@artimys

Posted

Hi there Felipe, good job on completing the challenge.

I would recommend reducing the overall layout size and adjust the font-size accordingly to not make it so large. That way you can better fit the layout in a tablet/middle screen size with a media query.

Keep on coding!!

1

Felipe OG 730

@felipeog

Posted

Hello, @artimys! Thanks for the feedback.

It really turned out too big, I agree. I plan on fixing it soon.

Thanks again for taking the time to take a look!

1
Felipe OG 730

@felipeog

Posted

Hello again, @artimys!

I improved the layout a little bit and took care of the HTML issues, in case you want to take another look.

Cheers!

0
Arturo Simon 1,785

@artimys

Posted

@felipeog I'm happy to see you're improvements. The cards look great.

I'll leave one last suggestion about the extra white space surrounding the mobile layout right before it switches to desktop (1440px). The extra space can be used to expand on the mobile layout design a bit before going desktop. Throw in another media query for a medium layout (you choose the px). Have fun with it since you are using grid-template-areas and it's easy to position elements around.

Think about those transitions for future challenges as well.

Keep it up!! 👍

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