Advice Generator using Vue

Hi Purplejragon , I took some time to look at your solution and you did a great job!

For make responsive use media queries, read here -> Responsive Web Design - Media Queries

Overall you did well :)

Hope this help and happy coding!

Hi Purple. Some of the things that needs includes the following:

• the first heading element of the site should be an h1 and also heading elements should follow a Sequential order without skipping headings.
• where possible use semantic elements, the div with a class of attribution, can be changed to a footer element, that will clear the warning mentioned in the automated feedback as well
• using a fixed width on your card is preventing it to be responsive, rather use max-width instead of width. That is to prevent the card from exceeding the set value