@imLumarq
Posted
Hi Othman
1.I would suggest using a code formatter for your html. This can be accomplished by opening VSCode going to the extensions tab searching and installing Prettier - Code formatter. This is the code formatter that personally use and and currently has "33,009,579 installs".This would format your code making it so that other developers have a easier time reading your html.You can watch this video for help with Prettier - Code formatter Formatting your code is a waste of time - use Prettier instead.
2.It is always good practice to include text within the alt attribute. The alt attribute provides alternative information for an image if a user for some reason cannot view it (because of slow connection, an error in the src attribute, or if the user uses a screen reader). Eg.
/*your code*/
<footer class="footer">
<img src="images/image-avatar.png" class="avatar" alt="">
<p class="text_2"> Creation of <span class="text-2_style"> Jules Wyvern </span> </p>
</footer>
/*changed code*/
<footer class="footer">
<img src="images/image-avatar.png" class="avatar" alt="Profile picture">
<p class="text_2"> Creation of <span class="text-2_style"> Jules Wyvern </span> </p>
</footer>
Here's my solution:
https://www.frontendmentor.io/solutions/nft-preview-card-OQ2J2JTSDt
I hope you find this helpful 😄!
Happy Coding!
Marked as helpful
