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 Clipboard landing page

@Orib-Farhan

Desktop design screenshot for the Clipboard landing page coding challenge

This is a solution for...

  • HTML
  • CSS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


Hi there! I am completing every free or free+ front-end mentor challenge. so, feedbacks are welcomed, thank you. Any suggestions on how I can improve are also welcome!

Community feedback

P
Chamu 12,970

@ChamuMutezva

Posted

Hi Orib-Farhan

I have gone through your project , here is my observations

  • some main components of a webpage includes landmark elements which are used to identify the organization and structure of a page. Screen readers exploit landmark regions to provide keyboard navigation to important sections of a page. Landmark regions can also be used as targets for skip links . Some of these elements includes main, header and footer
  • use semantic elements where possible. Landmark elements are part of semantic elements. As an example Download for Mac should be an anchor element - that is a link to the download page or section, hence using a heading element for it , is not semantically correct.
  • heading elements should follow a sequential order , where the h1 is the first heading element. The h1 can only be followed by an h2 in the hierarchy and not by any other heading element the same applies with an h2 which can ONLY be followed by an h3, and so forth.

In conclusion , I would encourage you to slow down and get feedback in your current projects. I noted that you have completed over a dozen projects in a short space of time (2 weeks) but what will be more helpful is to find out where you need to improve. Use the Discord channel as well to ask questions if possible. Upon submitting a solution , take time to look at other solutions to see how others have accomplished the same challenge. That will give you more options in your growth.

2

@Orib-Farhan

Posted

Hi @ChamuMutezva Thank you for your feedback. I am a total newbie in this page. So, your words are really helpful to me. If you can please check my other projects and tell me the wrong things in there. Thank you.

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