Design comparison
SolutionDesign
Community feedback
- @joaotfrodriguesPosted 4 months ago
Hi @deyorz,
Great job on your project! I have a few suggestions to improve accessibility and responsiveness:
-
Accessibility: Avoid using
px
for font-size. Instead, use relative units likeem
orrem
to enhance accessibility. -
Responsive Design: Instead of
height: 100vh
in the .container, usemin-height: 100vh
. This ensures better responsiveness on smaller devices. -
Semantic HTML: To improve accessibility, consider using semantic HTML elements such as
<main>
,<section>
,<article>
, and others instead of relying solely on<div>
elements.
Hope this helps!
Best, João Rodrigues
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