@VCarames
Posted
Hey there! π Here are some suggestions to help improve your code:
Regarding your question,
Implement a mobile first approach π± > π₯. This will make things easier in ensuring that your content looks the way want it to in any screen size. To achieve this, you start building your website/content for smaller screen first and then adjust your content for larger screens.
- The βstar iconsβ serve no purpose other than to** be decorative;** They add no value. Their
alt tag
should left blank and have anaria-hidden=βtrueβ
to hide them from assistive technology.
More Info:π
https://www.w3schools.com/html/html_images_picture.asp
- To improve the semantics of your component, you want to wrap each individual testimonial component in a
Figure
element, the individuals information should be wrapped in aFigcaption
element and lastly, the testimonial itself should be wrapped in aBlockquote
element.
Code:
<figure>
<figcaption></figcaption>
<blockquote></blockquote>
</figure>
More Info:
If you have any questions or need further clarification, feel free to reach out to me.
Happy Coding!ππ
Marked as helpful
@claudio-dev1993
Posted
@vcarames Thank you for the tips! I'm learning about the mobile first approach, so I don't know how to implement it properly yet. I'll review the code and apply the other tips you recommended so thanks again!