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

🌲 Forest theme | Testimonials grid section

@anaiswritingcode

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 experimented with background gradients and box shadows for this challenge, which resulted in pretty cool designs! I'd like to implement these in my next personal projects.

Additionally, I hope to use BEM notation more frequently in the future. It makes it so much easier to understand what's going on when you return to an old project.

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

I hadn't worked much with box shadows before, so I had to look up the documentation for help. Nonetheless, there wasn't anything too complex to solve.

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

Using background-attachment: fixed caused an empty bar at the bottom when scrolling down on mobile. Despite searching extensively, I couldn't find a fix, so I had to disable fixed on mobile and use scroll instead.

Community feedback

P
beowulf1958• 1,170

@beowulf1958

Posted

Congratulations on completing this challenge. I especially like the green theme colors, as the design is somewhat ugly. I learned a lot from reading your code. Keep on coding!

1

@anaiswritingcode

Posted

@beowulf1958 Glad you found my solution useful! Thank you for the feedback as well.

Happy coding 🙂

0

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