Testimonial Grid Section using Tailwind css Grid & Flexbox
Design comparison
Solution retrospective
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
- @ThiagouhPosted 4 months ago
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@JohnPugh688Posted 4 months agoThanks 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 GitHubJoin 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