Design comparison
Solution retrospective
I'm pretty inexperienced with Flexbox. I completed the project in my research. But what do I need to do to write more professional css. Thanks for your recommendations...
Community feedback
- @brodiewebdtPosted almost 3 years ago
I don't see the problem on mobile here.
Download the AXE DevTools plugin and it will help clear the accessibility warnings. https://www.deque.com/axe/devtools/
0 - @byronbyronPosted almost 3 years ago
Hello
Looks like the bottom of the card is cutting off on mobile. I think you can fix it by removing the overflow: hidden; on the body and replace it with overflow-x: hidden;
I also often like to add a min-height: 100vh; on the body as well.
You code looks fine. If I was to nitpick, there’s a stray comment and a mixture of hex and hsl colors but honestly that doesn't matter too much.
Also got some accessibility issues from Frontend mentor that could do with resolving.
Nice work, dude!
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