Skip to content
  • Unlock Pro
  • Log in with GitHub
Solution
Submitted over 1 year ago

Testimonials-Grid-Section

Ham•340
@hmac100
A solution to the Testimonials grid section challenge
View live sitePreview (opens in new tab)View codeCode (opens in new tab)

Solution retrospective


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

Again, like the more recent challenges - just getting through it was good. This time I did a laptop media query - which I suspect I should be doing for all the challenges anyway. Attempted Css Grid for the first time - scary but amazing . I attempted BEM markup - made the css a lot easier and clearer.

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

The challenge was 40% knowing what I'm doing - 40% looking things up and 20% flying blind ( i.e. guess work ! ). I totally wimped out with the mob and laptop layout - I wanted to continue with grid but was having issues trying to resize a specific single grid item to avoid unwanted space. I'm sure they'd be a way of doing it with one line of code but as I don't enough about grid I took the quick and dirty option and reverted back to flex and flex-direction:column.

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

As alluded to in previous question - the Css Grid knowledge is along way from where it needs to be - also I'm sure there's a lot improvements I could make with the bem markup.

Code
Loading...

Please log in to post a comment

Log in with GitHub

Community feedback

No feedback yet. Be the first to give feedback on Ham's solution.

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

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner
  • Use cases

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License