Design comparison
Solution retrospective
I'm proud of completing my second challenge.
What challenges did you encounter, and how did you overcome them?It was unclear to me if the box shadow increased when you hovered over the card, so I just when ahead and increased it on hover.
What specific areas of your project would you like help with?I wasn't sure if the size of the box shadow increased when you hovered over the card.
Community feedback
- @kevincandersonPosted 8 months ago
Great work finishing the project.
Feedback: Mobile view is wider than the screen width of 375, see what you can do there to fit it within that screen size. Take a look at the figma if you can download it.
Laptop, the card should be centered vertiical and horizontally, take a look at flexbox and html height.
And yes, apparently the box shadow does change - missed that in my own project.
overall very nice, keep on coding!
Marked as helpful1@MatthewPCopePosted 8 months ago@kevincanderson Thanks for the feedback, I think i fixed the centering of the card, but I can't seem to figure out the mobile view width. I took a look at yours and when you set the screen to 375, your card width adjusts, mine stays the same, any help would be greatly appreciated. Thanks!
0@kevincandersonPosted 7 months ago@MatthewPCope I used a max-width, so therefore, it would never be wider than X, but can be smaller and played with padding on the actual component itself. Let me know if that helps.
0
Please log in to post a comment
Log in with GitHub
Join 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