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

Fully Responsive Manage Landing Page

#accessibility#bootstrap

@ahemadShaikh

Desktop design screenshot for the Manage landing page coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
3intermediate
View challenge

Design comparison


SolutionDesign

Community feedback

@benjoquilario

Posted

Hey @ahemadShaikh. Great job on finishing this one. It looks good and response rather well.

Some suggestion:

  • All page content should be contained by landmarks. It will better if the structure of your html page is like this
<header> </header>
<main></main>
<footer></header>
  • Don't forget to add a alternative text on your <img> tag when user having a internet problem. the logo must have a alt="manage logo" something like that, and also add the alt on the person image with there name.
  • Every section need a headings h1-h6
  • The footer link also should have anchor element <a>. Because this element is also going to transfer user somewhere. <a href="#"><img> tag here</a>
  • You must add the e.preventDefault() on your form to prevent the page from refreshing

Good luck and keep coding

Marked as helpful

1

@ahemadShaikh

Posted

@benjoquilario Thank you for your suggestion, i'll definetly follow this suggestion in projects.

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