@Kaji17
Posted
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 🤞 (⌐■_■)