
Design comparison
Solution retrospective
I'm most proud of creating a visually appealing and responsive social links profile page project. The use of CSS variables and a consistent naming convention made the code easy to follow and maintain. I'm also proud of the layout and styling, which are both responsive and visually appealing.
If I were to do this project again, I would focus more on accessibility and semantic HTML. I would also consider adding more interactive elements to the page, such as animations or hover effects.
What challenges did you encounter, and how did you overcome them?One challenge I encountered was getting the layout to work correctly on different screen sizes. I overcame this by using media queries to adjust the layout and styling for smaller screens.
Another challenge was getting the hover effect to work correctly on the links section. I overcame this by using the :is pseudo-class to target both the :active and :hover states.
What specific areas of your project would you like help with?I would like feedback on how to improve the accessibility of the page, particularly with regards to semantic HTML and ARIA attributes. I would also appreciate feedback on how to optimize the code for better performance.
Additionally, I would like suggestions on how to add more interactive elements to the page, such as animations or hover effects, without compromising the overall design and layout.
Community feedback
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