Skip to content
Submitted about 2 months ago

Testimonials grid sections with SASS

sass/scss
Puermuta•150
@Puermuta
A solution to the Testimonials grid section challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

What are you most proud of, and what would you do differently next time?

I used grid-template-areas, which i have'nt used before. It worked well. Will just keep on learning for next time.

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

It was hard to get the box-shadows right, as they covered the neighbouring cards. Made it work by creating a pseudo-element with ::after. Note: I had to set border-radius to make it look good.

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

Everything helps!

Code

Please log in to post a comment

Log in

Community feedback

  • Dennis Rivas•100
    @dennisrivas44

    Good job! Looks great. You got the sizing of the cards pretty close to the example! I do see some of your text might not be the exact size or weight (hard to tell). But I've been opening up my preview in a local browser and the design page in another tab. This lets me switch back and forth and correct the font sizing. I usually increase the font size/weight incrementally, then check the last few words of the paragraph to make sure they are in the same spot as the example. Just a tip, but it looks good, keep it up!

    Marked as helpful

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