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

Testimonial Grid Section using Tailwind css Grid & Flexbox

John Pugh 340

@JohnPugh688

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 proud of how far i've come since the first time i done this project! The first time doing this i followed along to an online tutorial and barely had a clue what i was doing and now i've done this version using Tailwind css completely on my own and understood exactly what i was doing. If i was to do this again i would like to try and make it using less html by creating one card with all the styles and just adding required content without having to style every card. even though i only had to copy paste i'm sure there is a benefit to using less code when it comes to bigger projects to improve the speed of the website. Something i've not considered yet but still need to learn.

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

Remembering how to get the image to be behind the text on Daniels card. I knew i had to use absolute positioning and make the parent relative but i couldn't get the z-index to work. ended up just using negative z index on the image and that worked. I'm not sure that was the best way to do it but if somebody could let me know that would be great.

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

Im always open to constructive criticism. Please don't hesitate to let me know what i can do better mainly to reduce the amount of code perhaps needed?

Community feedback

@Thiagouh

Posted

I thought your solution was good! I also liked the use of hover. on the issue of writing less html, perhaps introducing React to split each section into small components would be a way to clean up your html more. Other than that, I don't know what to recommend :)

1

John Pugh 340

@JohnPugh688

Posted

Thanks for your feedback @Thiagouh 👍 I'm still not great using JavaScript yet so not sure if I'm ready to try React, but il definitely be trying it once I've got more experience.

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