Design comparison
Solution retrospective
I had struggles with paddings and margins to place the elements on the right places. My written codes regarding paddings and margins look messy and I would like to ask for advice: how would you adjust paddings and margins?
Community feedback
- @AdrianoEscarabotePosted about 2 years ago
Hey, what's up?
You did a good job on this challenge. I have some tips you might like:
1- Document should have one main landmark, you could have put all the content inside the main tag. click here
2- Page should contain a level-one heading click here
3- A valuable tip to center some div in css is to use flex-box or grid.
4- A tip to make the card fully responsive: You could have done it like this:
Having placed a media query to change the width of the card to one with a relative unit of measure, and placing a side padding on the body so that when the resolution is lower the content doesn't hit the edge.
Hope it helps... don't forget to mark it as helpful👍
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