@VCarames
Posted
Hey there! Here are some suggestions to help improve your code:
-
Your mobile layout looks great but once you get to the desktop layout begins to break apart. The images take up the entire sections, your text are squished to the sides, etc...
-
The Alt Tag description in the logo needs to be improved upon. The logo is arguably the most important image in you page. So the description should state the company name and what it is.
-
Your "buttons" were created with the incorrect element. When the user clicks on the button they should directed to a different part of you site. The Anchor Tag will achieve this.
-
Your “illustrations” need to have a blank Alt Tag Along with the blank alt tag, you also want to include the aria-hidden=“true” to your illustrations to fully remove them from assistive technology.
-
"Build The Community Your Fans Will Love", "Grow Together", "Flowing Conversation", "Your Users", and "Ready To Build Your Community?" are all headings so they should be wrapped in Heading Elements.
-
The phone and email on the footer should be wrapped in Anchor Tags and set the href in the following manner so users can click on them and the phone/email app can open automatically:
Phone:
<a href="tel:+1-543-123-4567">Phone: +1-543-123-4567</a>
Email:
<a href="mailto:[email protected]">[email protected]</a>
If you have any questions or need further clarification, let me know.
Happy Coding! 👻🎃
