My first api based website

Community feedback

• 

  Shashree Samuel•9,260

  @shashreesamuelPosted over 2 years ago

  Hey VivekYadav105 good job on completing this challenge. Keep up the good work.

  Your solution is seemingly close to the design however I think that the dice needs to be a bit smaller and the divider line needs to have a bit more margin bottom which can be achieved using the css property <margin-bottom>.

  In terms of your accessibility issues

  • Your image tag needs an alternative description specified using the alt attribute. This description must be based on the image since it will help screen-readers to identify the type of image. The alternative description can also be displayed if the path to the image is incorrectly referenced.

  • Wrap all your content within a <main> tag to get rid of the other accessibility issues in addition practice using semantic tags since they clearly describe the intended usage for example the <footer> tag indicates that the content enclosed within will be situated at the bottom of the document.

  In terms of your validation errors, all errors will be resolved when you fix the accessibility issues.

  To add the background gradient you can utilize the css property background-image: linear-gradient(). If your code editor is Visual Studio Code then when you type the above text and hover on it then you will get a description of the property.

  Otherwise you can simply visit developer.mozilla.org and type linear-gradient and you will get useful information on the property and it's usage.

  I hope this helps

  Cheers Happy coding 👍

  0