Responsive Webpage for Social Links Profile using HTML and CSS (Sass)
Design comparison
Solution retrospective
I'm most proud of how clean and organized my code turned out, especially in terms of using Sass for better structure and reusability. It feels good to see everything come together so smoothly. Next time, I'd focus more on accessibility from the start, making sure to test it thoroughly throughout the development process rather than adjusting it later. That would help me create a more inclusive and polished final product.
What challenges did you encounter, and how did you overcome them?One of the main challenges I encountered was getting the layout to work well across different screen sizes, especially when it came to centering elements and making sure everything looked balanced. I overcame this by using Flexbox for layout and spending time tweaking the responsive design through media queries. I also faced some struggles with getting the hover effects just right, but Sass made it easier to manage the styles and make adjustments quickly.
What specific areas of your project would you like help with?I feel pretty confident about most aspects of the project, but I would love some feedback on improving accessibility, particularly with the ARIA labels and semantic HTML. Additionally, I’m curious if there’s a more efficient way to handle responsiveness and media queries, especially for larger screens. Any suggestions for optimizing the structure of my Sass code would also be helpful.
Community feedback
- @Benson0721Posted 6 days ago
Since your work is too perfect to correct, I couldn't come up with any useful suggestions. Your code also reminds me that the aria-label attribute is something we need to consider, but I don't see any "React" in your code. Perhaps you should change your hashtag related to this practice. Great job! Maybe you can create more personal profiles next time!
1@VangmanawKairungPosted 3 days agoThank you for your kind words and feedback! I'm glad the aria-label attribute stood out—it's definitely something I aim to include for accessibility. As for React, I appreciate the suggestion and am actually considering using it in future projects, though I’m still a newbie in frontend development. Your encouragement motivates me to keep improving, and I’ll definitely explore creating more personal profiles next time!
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