social-links-profile with custom css

Please log in to post a comment
Log in with GitHubCommunity feedback
- @Weberowsky
Your social profile card is nearly identical to the design – great work overall! Here are a few detailed suggestions to polish it even further:
-
Viewport Overflow: The site currently overflows the viewport. This might be due to the use of width: 100dvw; and height: 100dvh; on the HTML and body. These units can sometimes lead to unexpected behavior with scrollbars. Consider using 100vw/100vh or adjusting the layout so that the content naturally fits within the viewport without causing overflow.
-
Missing Hover Effects: The buttons lack the hover effects as shown in the design files (active-states.jpg). Adding CSS hover states will enhance interactivity and better align the final product with the provided design specifications.
-
CSS Organization: While embedding CSS within the HTML file is acceptable for small projects, moving your CSS to an external stylesheet is a best practice. This not only improves maintainability and readability but also allows for easier reuse of styles in larger projects.
Keep refining these details, and your project will be even more polished and professional. Great job, and keep up the excellent work!
Marked as helpful -
- @huy293
drf
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