Advice Generator App

Hi Ruthwik. Great solution. I'd like to suggest for the error above involving a button: <button class="btn--advice"><span class="icon--advice"></span></button>. To resolve this, you can add an aria label into the button like: <button class="btn--advice" aria-label="generate another advice"><span class="icon--advice"></span></button>. For the other issues of landmarks, you can change the div with the class of box-wrapper to a main tag.

Hello Ruthwik, You have done a good work! 😁

Some little tips to improve your code:

• add main tag and wrap the card for improve the Accessibility
• use article or blockquote tag instead of a simple div to the container card for improve the Accessibility
• you can use picture tag to change image by resolution -> read here
• 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!