Design comparison
Solution retrospective
Any feedback is always welcome!
Community feedback
- @techantherePosted almost 3 years ago
Great work! the transition for link hover looks good as well. However, I have tested your site, can see that there are some widths on which the illustration and description column are collapsing. Set padding for all sizes. I will suggest adding a header and removing nav because nav has a different purpose within the header. Consider making your design mobile-first, this is a good practice. Use min-width and set the default design fit to mobile and then use queries wherever required for larger screens and device widths. Good lucks :)
Marked as helpful1 - @kalvasaad0095Posted almost 3 years ago
FB Button looks still oval. Do you have correct border-radius?
Marked as helpful0 - @kalvasaad0095Posted almost 3 years ago
#social-media { text-align: center; }
.icon { padding: 1rem; margin: 1rem .5rem; text-align: center; border: 1px solid #fff; border-radius: 50%; width: 3.5rem; }
#social-media p { margin: 2rem auto; font-size: 0.8rem }
š
0
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