Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Social links profile

@fatemzh

Desktop design screenshot for the Social links profile coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


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

I am most proud of the clean and responsive design I was able to achieve using Sass. The project looks great on various devices, and the code is well-organized with reusable variables and nested styles. This project has made me more comfortable with responsiveness, and I learned to do mobile-first development and use min-width and max-width to create more fluid responsiveness. Next time I will adopt a Mobile First approach straight from the beginning.

What challenges did you encounter, and how did you overcome them?

One of the main challenges I encountered was ensuring the layout remained responsive across different screen sizes. Initially, the layout would break on smaller devices, but I overcame this by implementing a mobile-first workflow and using media queries to adjust the styles for various screen widths.

Community feedback

@shreyashpatel5506

Posted

you use in css font-size:100% but is not good use refer size in px

1

Please log in to post a comment

Log in with GitHub
Discord logo

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