Design comparison
Solution retrospective
What are you most proud of, and what would you do differently next time?
I think I am improving my understanding of using flex to layout elements compared to the last practice. Next time, I should consider more situations in terms of responsive website design.
What challenges did you encounter, and how did you overcome them?
I struggled with resizing the image initially. However, upon closer examination of the design, I realized that it wasn't resizing the picture but cropping it instead. I then searched online for how to crop images, and things started to go smoothly.
What specific areas of your project would you like help with?
-
I am not sure whether the usage of the CSS "display" attribute is correct, or if I should not declare it as many times as I have done now.
-
The responsive design using media queries had some sizing issues under 375px. I'm not sure if this is because I didn't style another design or if there's something wrong with my code.
-
When the screen width becomes 414px, although the card itself has been vertically centered, because of the shadow, the card doesn't appear to be centered. Is there a way to visually center the card with the shadow?
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