Design comparison
Community feedback
- @Islandstone89Posted 11 months ago
Hi, you have done a pretty good job. Here is my feedback.
HTML:
- The alt text also needs to say where it leads (frontendmentor.io).
CSS:
-
Performance-wise, it's better to link fonts in the
<head>
of the HTML then using@import
. -
It's good practice to include a CSS Reset at the top.
-
Remove
width: 100vw
on<main>
- it is as wide as its parent(body
), which is by default the full width of the viewport. -
height
should bemin-height
. -
Remove all fixed widths and heights. In general, you very rarely want to set fixed dimensions.
-
Add a
max-width
of20rem
on the card. -
Add
display: block
andmax-width: 100%
on the image. -
Remove the media query - we don't want the design to change, so there is no need for one.
Marked as helpful0@tauanecustodioPosted 11 months ago@Islandstone89 Your comment helped me a lot, thank you very much for that!
1
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