Design comparison
SolutionDesign
Community feedback
- @fernandolapazPosted over 1 year ago
Hi π, perhaps some of this may interest you:
HTML / ACCESSIBILITY:
- Every page should have an
<h1>
to improve user experience and because it is an important element when it comes to SEO.
- Always remember to include the
alt
text inside <img>, leave it empty (alt=""
) if they are decorative images.
CSS:
- If you want the card not to clip off in low-height windows (such as mobile landscape orientation), you should use
min-height: 100vh;
for the body.
- You might consider using relative units like rem or em since they are better for scalable layouts. Something simple to start with would be to convert to rem (1 rem equals the font size of the root element, 16px by default). Consider this suggestion especially for the
font-size
.
I hope itβs useful : )
Regards,
Marked as helpful0 - Every page should have an
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