Resposive Landing Page with HTML and CSS

Community feedback

• 

  T

  Chamu•13,130

  @ChamuMutezvaPosted over 3 years ago

  • alt values must be descriptive to benefit assistive technology users. Values like logo are shallow, the important thing to note is : the message that the image carries not to announce that there is an image (that is done automatically by screen readers)
  • for decorative images use an empty value
  • Heading should ascend in order without skipping headings. H1, h2, h3 etc.
  • input elements must have an associated label
  • the anchor elements in the footer are better accessible in an unordered list. A list provides vital information such as the length of the list and the current position when tabbing.

  Marked as helpful

  1

  ---

  

  Victor Barbosa Rocha•110

  @VictorrrochaPosted over 3 years ago

  Hey @ChamuMutezva Thanks a lot, you taught me a lot of best practices I didn't know. I'll update my solution following these specifications.

  0
• 

  Hafizan Adli•1,190

  @hafizanadliPosted over 3 years ago

  What a great solution! It survive in every screen size great work!

  Marked as helpful

  0
• 

  P

  j5•2,290

  @jmnyaregaPosted over 3 years ago

  Hi @Victorrrocha.

  You did great on the challenge, and I can't seem to break the responsiveness 🙂. The page responds well to all screen sizes. Good job on that, I have a few suggestions:

  • Look into relative units in fact, I will encourage you to use them almost everywhere. This will allow users to change font sizes from their browser settings.

  • Add hover state on the buttons.

  Marked as helpful

  0

  ---

  

  Victor Barbosa Rocha•110

  @VictorrrochaPosted over 3 years ago

  Hi @jmnyarega Thank you very much. Appreciate the feedback, will certainly look into your suggestions.

  0