Skip to content
Submitted about 4 years ago

testimonial-grid

EJā€¢170
@nicole-nam
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Testimonials grid section
  • HTML
  • CSS
2junior

Design comparison

SolutionDesign

Solution retrospective

if anyone can help me with aligning the big chunks of text that'd be awesome. thank you happy coding :)

Community feedback

  • ApplePieGiraffeā€¢30,545
    @ApplePieGiraffePosted about 4 years ago

    Hey, nicole-nam! šŸ‘‹

    Good work on this challenge! I think your solution looks pretty good in the desktop layout! šŸ‘

    I suggest,

    • Adding a max-width to the main wrapper or container so that the content of the page doesn't look too stretched on extra-large screens.
    • Not switching to a mobile-friendly layout right at 1440px since your solution still has plenty of space for the desktop layout of the site for a couple of hundred px.
    • A slightly easier way of adding the background quotation mark in the purple testimonial box might be to use pseudo-elements so that you don't have to add it to your HTML markup. Just a tip! It looks good, though.

    Keep coding (and happy coding, too)! šŸ˜

    1

Please log in to post a comment

Log in with GitHub

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