Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Responsive huddle-landing-page using Flexbox, SASS and FontAwesome

@katrine9176


Design comparison


SolutionDesign

Solution retrospective


Whoah, I'm so proud of myself I did it! I think that I could have made lots of mistakes so feedback are welcome :)

Community feedback

@VCarames

Posted

Hey there! 👋 Here are some suggestions to help improve your code:

  • The logo is not not decorative. Its Alt Tags should not be blank. The logo is arguably the most important image in you page. So the description should state the company name.

  • 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.

  • The footer links need to be wrapped in a nav element and be created with a list element.

  • The phone and address 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, feel free to reach out to me.

Happy Coding! 🍂🦃

Marked as helpful

0

@katrine9176

Posted

@vcarames thankss :)

0

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord