Design comparison
Solution retrospective
I am most proud that I am getting familiar with flex, width, and heights. I can also now see how the box model is working, and not just having the 'knowledge/notion' of it. Due to the past challenges and feedbacks, I am now seeing how I can manipulate the CSS!
What challenges did you encounter, and how did you overcome them?When aligning the card in the middle of the page, the card constantly shrank due to using align-items; center. But I figured out using main to wrap around the card is a way to place the card without shrinking it!
What specific areas of your project would you like help with?The container's padding difference in the card. I can see that the card's padding for mobile is narrower than the desktop. I really tried my best to figure out what I can do instead of using media query.. but could not ):
Community feedback
- @kaamiikPosted about 1 month ago
Congrats you did very good. Just wanna say add a proper alt message to your
img. It is good for accessibility and SEO.Marked as helpful0@mdchongPosted about 1 month ago@kaamiik Thank you, Kamran, for the feedback! I'll keep that noted 😁
0 - @YacoubDweikPosted about 1 month ago
Hey Michelle! Well done there's nothing to say about the design it's perfect just take off that lil' phrase coded by to make it a copy of the solution. I think without it you will get a perfect match! I remember when you were in Australia with that 88 days Visa, Wow how time flies!
0@mdchongPosted about 1 month ago@YacoubDweik Hi Yacoub! Thank you so much for the feedback! Oh, were you in Australia? 👀 And exactly! Time flies so fast!!
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