simple html and css page

Community feedback

• 

  Adriano•42,890

  @AdrianoEscarabote

  Posted over 2 years ago

  Hi CyPhEr420, how are you? I really liked the result of your project, but I have some tips that I think you will enjoy:

  As you know this project is based only on one page component, so no h1 is needed! because we don't know if this page will have a more important component, but it's always good to prevent accessibility errors so I think it would be good for you to add an h1 in this component, besides being a good practice for when you are developing larger sites, don't worry forget about h1.

  <h1 class="qr-title">Improve your front-end skills by building projects</h1>

  Add a padding to the body, so that the content in lower resolutions doesn't hit the edge of the screen!

  The rest is great!

  I hope it helps... 👍

  01

  Marked as helpful
• 

  Edwin Boon•30

  @brwmaster

  Posted over 2 years ago

  Hello, Nice work! 😁

  Here is a little feedback to improve the code even more

  • Wrap all your code in <main></main> tags
  • Change the div class="title"> to a `<h1 class="title">
  • Change the div class="text"> to a <p class="text"> or just style the <p></p>`
  • Add a . to the end of the alt text to improve Accessibility

  And some advice I got on my solution is to change all the px values to rem values. link here

  I hope this feedback will help you!

  00

  Marked as helpful
• 

  Travolgi 🍕•31,300

  @denielden

  Posted over 2 years ago

  Hello, You have done a good work! 😁

  Some little tips to improve your code:

  • add main tag and wrap the card for improve the Accessibility
  • also you can use article tag instead of a simple div to the container card for improve the Accessibility
  • use min-height: 100vh to body instead of height, otherwise the content is cut off when the browser height is less than the content
  • instead of using px use relative units of measurement like rem -> read here

  Keep learning how to code with your amazing solutions to challenges.

  Hope this help 😉 and Happy coding!

  04

  Marked as helpful