Skip to content
  • Unlock Pro
  • Log in with GitHub
Solution
Submitted 8 months ago

Testimonial Grids with 4 Media Queries

P
Rodrigo•250
@RiickyRiick
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?

Thanks to Dr. Angela, Developer and Lead Instructor, I was confident going into this project and finished it alone. I took her course, and she has been a great help on my web development journey. Also, thanks to Codepips for providing a helpful game called CSS Grid Garden. Both of these resources contributed to my success in completing this project.

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

I learned more about media queries combined with CSS Grid. Although I have never worked extensively with media queries, I can see the benefits of using them more.

I've also used the background-image: url(); I haven't used this as much, but the 'Order Summary' project was my first time using it, so this project helped me understand it better.

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

What is the best way to align a CSS Grid within the center? I know the flexbox alignment within the body could work, but this wasn't fully working. I made a mistake because I used a margin-top to push my container down to be more in the center. I will have to go back and review my code again.

Thanks for reading, Happy Coding & Blessings to all

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 Rodrigo'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