Skip to content
Submitted over 3 years ago

Responsive landing page using CSS Grid and flex-box

accessibility
Leah Thompson•30
@leahthompson01
A solution to the Testimonials grid section challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

I have a slight gap between the names and where it says verified graduate. I tried a couple of different things, like flex-box, putting them in a div, etc. to fix it but this was as close as I could get. Please let me know if you think of anything that might help!

Code

Please log in to post a comment

Log in

Community feedback

  • Adarsh•1,640
    @adram3l3ch

    The gap is caused by the margin of h2 tag. you have to set that to 0 to get rid of the gap

    Marked as helpful
  • Florin.Porut•380
    @zastar23

    Hello, to get rid of the space between the name and the verify graduate, just change the line-height in the div containing them and you should be good to go.

    Overall nice job done!

  • Travolgi 🍕•31,300
    @denielden

    Hi Leah, great work and congrats on completing the challenge!

    use a div for the body of the card and not section... section is suitable for page sections, read here -> Section use

    Also don't forget to look at the report issues.

    Overall you did well, keep it up!

    Happy coding!

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