🌟Responsive Testimonial grid section made using HTML & vanilla CSS 🌟
Design comparison
Solution retrospective
Actually I should have used column-start, column-end for spanning the grid columns but I also wanted to try grid-templete-areas. So I have used that.
Any feedback is welcomed....
Community feedback
- @JlordS32Posted about 1 year ago
Your project looks absolutely awesome. Congrats for finishing this challenge, I hope you enjoyed your time while doing this.
There is no problem in using
column-start
/column-end
orrow-start
/row-end
. This all comes down to preference,grid-template-areas
is just a shorthand for writing column/row-start/end for shorter code, if you feel more comfortable and maybe you find it easier to read column/row-start/end, then go for it.Overall, your code looks all good to me, I can suggest to maybe remove
margin: 6rem auto auto
for yourtestimonial.container
, just so the container is centered. Nicely done!Marked as helpful1 - @mr-wollffPosted about 1 year ago
grid-template-areas are best you don't have to do a lot of works, just give it a name and give those names to the individual cards, I used that too.
1
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