Responsive 3 column preview card component solution using CSS flexbox.
Design comparison
Solution retrospective
Feedback is required. The design is responsive. I was having issues displaying the attribute tag for the desktop mode as the flex direction was set to row. That is why I had to remove it. Any solution or advice will be truly appreciated. You can also read the READ.md file on my repository for further details.
Community feedback
- @correlucasPosted over 2 years ago
Hello Mahad, congratulations for you solution!
I don't see any issue with your card, this seems really similiar to the design files. Nice work.
The only thing you can fix is two semantic improvements to the html to avoid accessibility issues, adding the tag
<html lang="en">
to indicate the language and one<main>
to wrap the card content indicating that's the main section of the page.Keep it up! Congrats.
Marked as helpful0@mahadaamir35Posted over 2 years ago@correlucas Hi Lucas, Thank you for the feedback.
I will try to incorporate the semantic improvements that you have suggested in my next project. I genuinely appreciate your comment.
Keep doing your thing.
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