Design comparison
SolutionDesign
Community feedback
- @BigO-DevPosted 7 months ago
Overall, your project is well-constructed, with a clear structure and good style decisions. Addressing the minor issues below will enhance its accessibility and maintainability.
- There's a typo in the
<title>
tag ("component" should be "component"). - The
<img>
tag is missing an alt attribute. This attribute is crucial for accessibility as it provides a text alternative for screen readers. - The import of Google Fonts should be placed in the
<head>
section of your HTML to ensure it loads before your page content. This helps avoid a flash of unstyled content (FOUC). - Consider adding responsiveness through media queries if you expect the page to be viewed on different devices.
- In your CSS for the paragraph within
.text
, you've usedtext p
which is incorrect. It should be.text p
to correctly select the paragraph within the.text
class.
Marked as helpful1 - There's a typo in the
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