@MarioBatalha
Posted
Some tips you should consider:
- Try to keep the indentation in entire code.
- Dispite of some tag are auto closed (Link, img and so on) you should close in openning tag in order to appilication with focus on accessibility like screen reader can index your app properly and improve your app semantic. Eg: <link rel="preconnect" href="https://fonts.googleapis.com" />
- Add alternative text with alt attribute in img tag Eg: <img src="./user.webp" alt="user image profile" />
- If a tag doesn't have a child element you should close in the openning tag. Eg: <i class="fa-brands fa-facebook-f p-3 rounded-full cursor-pointer text-Blue hover:bg-Blue hover:text-white transition-all duration-300" />
- Add the script tag in the begnning of your code so this way you guarantee that it will run when your application is loaded and not only when it called.
Marked as helpful
@xStephx
Posted
@MarioBatalha thank you for your feedback! I will use that tips in my future projects. If you have any other tips/suggestions, feel free to text me!