Design comparison
SolutionDesign
Community feedback
- @AmmIjazPosted about 1 month ago
- Semantic HTML: Lacks semantic tags (e.g., <header>, <main>). Consider using semantic elements for better structure.
- Accessibility: Add descriptive alt text for images (e.g., alt="Profile picture of Jessica Randall"). Ensure sufficient text contrast with the background. Use interactive elements (e.g., <a> tags) for .box links.
- Responsive Layout: Good use of media queries; test on multiple devices for usability. Consider using CSS Flexbox or Grid for better layout control.
- Code Structure and Readability: Generally well-structured but add comments for clarity. Minimize repetition in media query styles for maintainability.
- Design Consistency: Ensure alignment, spacing, and colors match any design mockups. Additional Suggestions:
- Use CSS variables for colors and sizes.
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