Design comparison
SolutionDesign
Community feedback
- @fcooantonioPosted 5 months ago
Overall:
- Accessibility: It's great that you're using alt text to describe images! This helps to make your site more accessible to people who use screen readers.
- Responsiveness: The page currently doesn't adapt well to different screen sizes. Using media queries would help ensure a good user experience across devices.
Specific Suggestions:
-
Semantic HTML: Consider using semantic HTML tags like <main> to define the main content area of your page. This improves the readability and accessibility of your code.
-
Flexbox: Using Flexbox for layout can help you easily organize and center the elements on your page. It's a flexible and modern layout approach.
Additional Feedback:
- Media Queries: Implement media queries to adjust the layout and styling of your page based on different screen sizes. This will make your site responsive and user-friendly on various devices (desktops, tablets, phones).
Marked as helpful0
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