Design comparison
SolutionDesign
Solution retrospective
How can I make the site more responsive for different screen sizes?
Community feedback
- @denieldenPosted almost 3 years ago
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!
1 - @ChamuMutezvaPosted almost 3 years ago
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
0
Please log in to post a comment
Log in with GitHubJoin 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