Design comparison
Solution retrospective
I’m proud of the clean, responsive design that adapts well to different screen sizes and devices, ensuring a smooth user experience. Implementing hover effects and smooth transitions also adds an interactive touch to the social buttons, improving overall user engagement.
Next time, I would focus on further optimizing the page's accessibility by implementing more comprehensive ARIA labels and conducting in-depth testing for screen readers. Additionally, I’d explore integrating a more scalable CSS framework to streamline the styling and improve maintainability as the project grows.
What challenges did you encounter, and how did you overcome them?One of the main challenges I faced was aligning the footer at the bottom of the page, especially when dealing with smaller content heights.
To solve the footer issue, I implemented a flexbox layout with min-height: 100vh to ensure the footer stayed at the bottom of the viewport.
What specific areas of your project would you like help with?While I’ve ensured the layout is responsive, I would appreciate guidance on making the profile more accessible, especially regarding ARIA labels and screen reader compatibility.
Community feedback
- @PropowershellPosted 21 days ago
The project looks perfect, if you want to learn about accessibility check out this article -https://www.smashingmagazine.com/2022/11/guide-keyboard-accessibility-html-css-part1/
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