Design comparison
SolutionDesign
Community feedback
- @BlackpachamamePosted 11 months ago
Good job!
Here are some comments that may help you:
- Use
min-height: 100vh
instead ofheight; 100vh
(with this you are restricting a specific height, it can generate unexpected results) - Use semantic tags such as
main
,footer
,figure
, etc, this helps the accessibility and SEO of the site - The
<div class="card">
should be<main class="card">
- Applying the
margin
ononly screen and (min-width: 500px)
is no longer necessary - Apply
display: block
to the image to remove that annoying white space
Marked as helpful1@kevinyuriPosted 11 months ago@Blackpachamame Thanks for checking my code and giving your feedback!
0 - Use
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