Responsive card component with html and css flexbox and grid

Solution retrospective
The direction I'm going in understanding semantic html, and how certain properties affect elements
What challenges did you encounter, and how did you overcome them?Encountered challenges with using the picture tag for dynamic images and used the mdn to learn how to effectively use the picture tag
What specific areas of your project would you like help with?Semantic html, areas of when to use margin over padding. In this scenario, in order to create the additional space I used padding on the body element to get the separation of the card and the background on the left and right side. Also I set the html and body tags to have a height of 100% in order to create height to center the card. Is that the correct way of doing it or is it a better way of putting the card in the middle of the screen
Please log in to post a comment
Log in with GitHubCommunity feedback
- P@huynhvanngoan
Congratulations on completing this challenge well. However, in terms of interface, there are still some problems with border radius and hover effect on the button. I think it still doesn't match the design. I think you need to review it. Have a nice day!!!!
Marked as helpful
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