Skip to content
  • Unlock Pro
  • Log in with GitHub
Solution
Submitted about 1 year ago

Responsive Webpage for Social Links Profile using HTML and CSS (Sass)

sass/scss, accessibility
Kairung Vangmanaw•290
@VangmanawKairung
A solution to the Social links profile challenge
View live sitePreview (opens in new tab)View codeCode (opens in new tab)

Solution retrospective


What are you most proud of, and what would you do differently next time?

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.

Code
Loading...

Please log in to post a comment

Log in with GitHub

Community feedback

No feedback yet. Be the first to give feedback on Kairung Vangmanaw's solution.

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

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner
  • Use cases

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License