Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Responsive Testimonials Grid using Sass

P
Ian Parker 180

@i-prkr

Desktop design screenshot for the Testimonials grid section coding challenge

This is a solution for...

  • HTML
  • CSS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


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

I'm really happy with having spent the time to try to learn Sass properly, and implement it with the folder structure using partials. As well as this, to use Sass functions, maps and loops to be able to apply styling to the cards and change the grid based on media breakpoints. I also began to start using BEM which I plan to continue with.

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

I found it challenging understanding the best way to implement breakpoints in Sass, and it lead me to some great articles as linked in the readme that helped me understand a few Sass features.

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

I would love to ask for feedback and help on two things in particular:

  1. My solution looks a lot bigger than the design in the screenshot. The style guide specifies a font size of 13px, but if I set this then the font does not appear as nicely on the design even though it is the correct size overall. So I kept it with the nicer font size, does that matter?

  2. Any feedback on my implementation of Sass and BEM would be awesome!!

Thanks for looking at my solution!!

Community feedback

Lackevil 80

@Lackevil

Posted

Greate work! I like your stack. But preview site doesn't load styles.

1

P
Ian Parker 180

@i-prkr

Posted

@Lackevil Thanks for the comment!! I had some deployment issues, it should be fixed now. Thank you for letting me know :)

1

Please log in to post a comment

Log in with GitHub
Discord logo

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