Advice Generator using Vue

Solution retrospective
How can I make the site more responsive for different screen sizes?
Please log in to post a comment
Log in with GitHubCommunity feedback
- @denielden
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!
- @ChamuMutezva
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 ofwidth
. That is to prevent the card from exceeding the set value
Join our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord