Submitted almost 3 years ago

Testimonial Grid (My First Junior Project!!!)

Fraser Watt• 1,790

@fraserwat

Preview site View code

This is a solution for...

Testimonials grid section

HTML
CSS

2junior

View challenge

Design comparison

SolutionDesign

Solution retrospective

This was the first of the "Junior" level challenges I did (I've just been doing Newbie ones before this), and I'm pretty pleased with how it turned out! 🥳

SCSS seems clean and without any extra unnecessary stuff, although I'm sure there's stuff I could improve on so really any pointers on stuff I might have missed, or better ways I could have gone about it would be great!! 🙏

Community feedback

Grace• 27,710

@grace-snow

Posted almost 3 years ago

Whoop, good job!

Only very minor suggestions from me on this one

you don't need to say profile pic in alt descriptions, they are already announced as images
font sizes should never be in pixels, use rems so text can scale properly
maybe try to tweak those shadows on the white cards to get closer to the design

Well done on this

Fraser Watt• 1,790

@fraserwat

Posted almost 3 years ago

V quick fixes, thanks!

Michal• 665

@mbart13

Posted almost 3 years ago

Hello,

good job on the challenge!

this is box shadow from figma file, if you would like to match design

box-shadow: 40px 60px 50px -47px rgba(72, 85, 106, 0.247378);

Please log in to post a comment

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