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 Design With Html and CSS

#accessibility

@Ehteshamali-889

Desktop design screenshot for the Bookmark landing page coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
3intermediate
View challenge

Design comparison


SolutionDesign

Solution retrospective


Any comment or suggestion are always welcome.

Community feedback

@Mennatallah-Hisham

Posted

Hi Ehtesham,

I have some little tips to improve your code:

  1. add alt to <img>
  2. ids should be unique
  3. use <article> for cards instead of <section>
  4. add meta description for better SEO
  5. Heading elements should be used sequentially, you shouldn't skip levels.
  6. use <p> instead of h3 <h3 class="joinedheading">35,000+ already joined</h3>
  7. there should be only one <h1> tag in a page
<h1> simple bookmark manager </h1>  

<h2> Features </h2>    

 <h2> download extension</h2>   
 
 <h2>FAQ </h2>    

 <h2> stay up to date</h2>   

Hope you find this helpful

Marked as helpful

1

@Ehteshamali-889

Posted

@Mennatallah-Hisham thanks for such feedback. From next time i will try to follow suggestions mentioned. Thanks for your time.

1

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