Design comparison
SolutionDesign
Community feedback
- @rohitd99Posted over 1 year ago
Hi Samuel
Congrats on completing the challenge, to keep the footer to be at the bottom of the page you can add the
flex-direction : column;
property to your body tag. Also to make the card responsive don't give main the property ofwidth : 380px
, you can instead add the propertymax-width : 20rem
or any other value as you wish so that the dosen't go beyond this size but also changes it's size as the screen size lowers.Good luck for other challenges
Marked as helpful0
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