Skip to content
Submitted over 1 year ago

Build a testimonial grid section using HTML, CSS, Flexbox, CSS Grid

Idrissa Diallo•440
@id-dev3
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

Hey guyz! Can you show me how to put the quotation mark in the first purple grid? I try to use the postion: relative; and postion: absolute; but it really sucks Thanks for your help!

Community feedback

  • Adrian Maj•170
    @AdrianMajPosted over 1 year ago

    I think your heading text color should be hsl(217, 19%, 35%) on the white background cards, also the photo size and font-weights are not similar to original preview. And you are missing background image on purple card. You can also get some work with paddings and margins.

    And for your question , I created empty div then in SCSS use those: background-image, background-size, background-repeat: no-repeat; background-position, this should work better than using position relative and absolute

    Marked as helpful
    0

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