Design comparison
SolutionDesign
Community feedback
- @Pulkit-s21Posted over 2 years ago
Hi @kriyanshishah congrats on completing the challenge. I saw your site and found few bugs in it.
- The breakpoint isn't at right width and the card overflows before changing into
flex-direction: column;
tho I think grid is much better for these layouts. - When the breakpoint occurs and card changes its layout the button at the end overflows at the bottom of the card and isn't placed nicely.
- I saw your code as well and noticed you have used
px
andwidth (fixed width)
everywhere which isn't good for responsive behavior and must advice you to watch and go through Kevin Powell responsive crash course because he taught these things very nicely and easily in that.
Marked as helpful1@kriyanshishahPosted over 2 years ago@Pulkit-s21 thank you so much for the detailed analysis. I will surely look into it.
1 - The breakpoint isn't at right width and the card overflows before changing into
- @afaiz-spacePosted over 2 years ago
Hey @kriyanshishah,
- buttons align center with width:100%;. When shown in mobile view.
1
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