Looking to hire developers?
This is designed to be a guide for one way to do this challenge mobile-first, using scss variables and some more advanced css techniques like nth-child.
I used a VS Code extension to compile the scss.
Note: In a real project I would work with the designer to fix the accessibility issues or color contrast and font sizes.
Any questions or suggestions are welcome.
@ApplePieGiraffe
Posted
Hey, sweet job, Grace! 👍
Everything looks good! 👌
A small detail from the original design you might want to add would be the box-shadow around the testimonial cards. 😉
Happy coding! 😁
Marked as helpful
@ahmed520b
Posted
That was the cleanest markup I've ever read on Frontend Mentor!
I'd be so happy if you point out my 'bad practices' or my weaknesses in my solutions.
And also give me advice on how to write 'classes' because I struggle a lot with choosing CSS classes and staying consistent!
@ahmed520b it doesn't look like you've submitted any solutions yet?
@ahmed520b
Posted
@grace-snow I guess I have a problem! Even tho I’ve submitted my solutions and when I go to the challenges page, it shows that I’ve completed the challenge, but when I go to my profile I DO NOT FIND THEM!!
Anyway, you may check my github account and you’ll find the repos there :)
https://github.com/ahmed520b
Thanks in advance ✨
@DannyEnagu
Posted
Hey Grace!
Nice and Clean...
@rfilenko
Posted
Hi Grace, congrats, clean and nice code, almost perfect to me 😉
Cheers, Roman
@emestabillo
Posted
Looks good Grace! Been waiting for you to come out with one 😅 The hidden heading for accessibility is a great addition I might just copy it lol.
@doums85
Posted
Hi Grace , 😊 Nice work 👍
@Rubendvb
Posted
Beautiful work!
@bexicaaa
Posted
Hey Grace why did you put everything inside of a blockqoute? Is it possible to use div instead? :)
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
