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

Officelite coming soon site challenge with HTML, CSS and JavaScript

P
AleksandarV91β€’ 590

@AleksandarV91

Desktop design screenshot for the Officelite coming soon site coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


Any feedback is more than welcome!

Community feedback

Vanza Setiaβ€’ 27,795

@vanzasetia

Posted

Hi!

Congratulations on finishing this challenge! πŸ‘

Here are some suggestions for improvements.

  • The alternative text for the logo should be the company name ("officelite").
  • In general, alternative text for img element should not contain any words that are related to the word "image". The semantic meaning of the img element is good enough.
  • It is invalid HTML to have an anchor tag as a child element of the button element. Choose whether it is a link (for navigation) or a button (for action).
  • The price's headings should not be heading elements. They should be paragraph elements instead. Headings are used to giving structure to the page. Think of the headings as the title of the document. So, h1 is the main title, h2 is the sub-title, etc.
  • I recommend reading the "How-to: Accessible heading structure - The A11Y Project" article to learn how to use headings correctly.

I hope this helps! Happy coding! πŸ˜„

1

P
AleksandarV91β€’ 590

@AleksandarV91

Posted

@vanzasetia Tnx for feedback ☺️

0
Vanza Setiaβ€’ 27,795

@vanzasetia

Posted

@AleksandarV91 You are welcome! πŸ‘

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