Design comparison
Solution retrospective
For the width and height of the card, i'm not sure if adding a fixed width and height like I did is a good idea.Maybe using max-width would've been better, not sure.
What challenges did you encounter, and how did you overcome them?Had a hard time creating space around the svg image and similarly border-radius caused me some weird issues.Inside my html file I wrapped the svg img inside of a wrapper and tried setting border-radius on the div wrapper but it didn't work properly.
What specific areas of your project would you like help with?is it better to set a fixed width or use max-width for this particular challenge, or does it not matter that much?after submitting the solution the card is too tall compared to the design and there's a lot of extra space inside of the card(at the bottom), is that happening because i set a fixed height and width on the card?
Community feedback
- @AhmadaldwairiPosted 4 months ago
I like how you played with the body's background. I can see that you have a little bit extra margin at the bottom of the card. Try to play with margin and set it to about 18-20 px and that should feel a bit closer to the original design! Feel free to look at my solution and give any feedback.
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