Design comparison
Solution retrospective
Would love to hear your feedback
Community feedback
- @skyv26Posted almost 3 years ago
Hi! Nedelcho, I saw your deployed design and I also checked your design responsiveness too. I noticed some issue.
-
First I would suggest you to wrap your both divs (inside body) with <main></main> tag in order to avoid or reduce your accessibility issues.
-
Your card is not aligned centered verically and either do above step and add margin or simply just add
transform: translate(0, 50%);
it will place your card in center position. -
If you do above step keep in mind also change the value according to mobile responsive media queries.
-
Your text needs to be formatted properly in mobile design and I think you forgot to lighten the main heading of card as compared to paragraph of the card.
Overall need some more css practice and you will be better and I hope you understand it and solve your issues soon.
Best Of Luck
Marked as helpful1 -
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