Design comparison
Solution retrospective
My solution to this project challenge, all advice and corrections are welcome. Thank you
Community feedback
- @VCaramesPosted about 2 years ago
Hey @Tamunopreye, some suggestions to improve you code:
-
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.
-
The headings are being used incorrectly. When creation a full landing page (like this one) you always start with the <h1> Heading. So "All your files in one secure location, accessible anywhere" should wrapped in the <h1> Heading.
-
The
input
andbutton
need to be wrapped in a Form Element. -
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>
- Implement a Mobile First approach 📱 > 🖥
With mobile devices being the predominant way that people view websites/content. It is more crucial than ever to ensure that your website/content looks presentable on all mobile devices. To achieve this, you start building your website/content for smaller screen first and then adjust your content for larger screens.
Happy Coding! 👻🎃
Marked as helpful0@TamunopreyePosted about 2 years ago@vcarames Thank you very much. I will see to it that i improve my coding with this advice in mind
0 -
Please log in to post a comment
Log in with GitHubJoin 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