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 landing page using html5 and sass

dralveol 160

@dralveol

Desktop design screenshot for the Skilled e-learning landing page coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Why do we have so much hero image types ? Is the nav choice semantically appropriate ? At first i went for section but section needs a heading so i went for nav since it references diverse options of the skilled learning page.

Community feedback

@fmanimashaun

Posted

Hi @@dralveol,

Nice implementation. You can ignore the provided image in the downloaded project starter folder and extract all your assets from the provided Figma file. I think it will be a nice way to get familiar with asset extraction from design.

The answer to your question about using a nav tag in the service section of the page is yes. nav tag is basically to style page navigation with respect to the semantic structuring of a page.

Thus, a section or div might have sufficed to structure the section. I practically use a section tag for that section of the page since I consider the first card of the section to be the title of the whole section.

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