Skip to content
  • Unlock Pro
  • Log in with GitHub
Solution
Submitted about 3 years ago

I used html and CSS grid layout tool

Adil Rafiq•120
@Adil-Rafiq
A solution to the Testimonials grid section challenge
View live sitePreview (opens in new tab)View codeCode (opens in new tab)

Solution retrospective


Hello People! I completed this project to improve my layout skills which I did up to some point but I ran into few problems, described below: 1- The first one is that the text in the right most card does not fill the empty space. I could not find any method to some how smaller the heights of all the cards EVENLY so that there's no empty space left (as shown in the design).

2- The 2nd one is about the 'media queries' and it looks like a bug to me. When I first wrote the media queries for mobile and tablet view they worked perfectly but later when I was fixing the above problem I may have edited something that caused those media queries to come into affect at all.

Any help would be appreciated. Thank you :)

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 Adil Rafiq'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

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