Responsive design using css flex-Box and media query
Design comparison
Solution retrospective
nothing new
What challenges did you encounter, and how did you overcome them?none
What specific areas of your project would you like help with?none
Community feedback
- @dsaneshaikhPosted 4 months ago
You haven't followed the Size of the Card as Given and visually also its looking Bigger and unpleasant!
Marked as helpful0@omarnate1Posted 4 months ago@dsaneshaikh thanks for drawing my attention to it, I have corrected it. please help me review it again and leave a comment if it is better now.
0 - @omarnate1Posted 4 months ago
The solution includes semantic HTML with correct usage of elements like <header>, <main>, <footer>, and <nav>.
To improve, verify that semantic elements are used where applicable, such as <article> for independent content sections.
For accessibility, check for ARIA roles, alt attributes on images, and proper labeling of form elements.
Use landmarks to improve navigation for screen readers and ensure sufficient color contrast. The layout uses responsive units and media queries effectively.
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