Design comparison
Solution retrospective
flexbox is the best way to do it??? How can I improve the responsive part?
Community feedback
- @Mitko90Posted almost 2 years ago
Hi, this challenge is beginner friendly because it doesn't need a responsive part.
What I did was I gave my card a
max-width: 320px
because the mobile design is at 375px. That way it looks good on mobile and desktop.To clear the Accessibility reports replace the
<div class="container">
with<main class="container">
and<div class="attributes">
with<footer class="attributes">
andh3
withh1
. I had the same mistakes when I submitted this project.You can use the style-guide.md file to see the colours and fonts used in this project, so you can make it as similar to the design as possible.
Of course, I'm a beginner and someone else may have better advice to give so feel free to ignore mine.
You can check my solution here if you want.
Marked as helpful1
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