Responsive Testimonials-grid-section page using HTML and CSS
Design comparison
Community feedback
- @Kaji17Posted almost 2 years ago
Hi @BGLeee 🎉 good result. I give you some advice so that you have a code plus ultra
-
The profile images Alt Tags need to be improved. It should state the following; “Headshot Daniel Clifford-“
-
To enhance the semantics, in your code you can use the tag
figure
instead<div class="testimoneyCard"
.the individuals information (profile image, name, verified graduate) should be wrapped in a Figcaption Element and lastly, the testimonial itself should be wrapped in a Blockquote Element. And name and graduate of people is not a list you can use the tagp
insteadul
.
Code:
HTML
<figure> <figcaption> <img ...> <div class="namepost"> <p>name</p> <p>graduate</p> </div> </figcaption> <blockquote></blockquote> </figure>
CSS
figure{ border-radius: 10px; padding: 40px; } figcaption{ display: flex; align-items: center; margin-bottom: 1rem; } .namepost{ flex-direction: column; margin-left: 1em; }
I hope it will be useful for you good code 🤞 (⌐■_■)
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