Design comparison
Solution retrospective
Responsiveness
What challenges did you encounter, and how did you overcome them?Learn more css syntax as I don't know most of the syntax to use to design the html
What specific areas of your project would you like help with?What syntax to use
Community feedback
- @SuiteMelPosted 7 months ago
When I think of responsiveness I fall can fall into the hole of only using vh, vw, or percentages. But, you can utilize max-width with the size set in px's or rem's for items if you want to maintain responsiveness and keep an element small on a big screen. You card gets very skinny as the screen gets smaller until you hit mobile, which then gets very wide, so this could help with a consistent look on different screen sizes. Only other suggestion, is look into a css reset and minimize the use of !important in css. It's usually not necessary.
Marked as helpful0 - @SandrinePENDAPosted 7 months ago
It would be good to use semantic HTML5 because it's part of the web standards that promote good SEO and facilitate accessibility (for people who use screenreaders).
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