
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
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