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

@JaroslavHosovsky

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


I styled this project using SCSS. It was my first styling using this CSS preprocessor. I would appreciate any feedback.

Community feedback

P
Jaime 150

@Jaimealicante83

Posted

Hi Jaroslav.

I recommend adding 40px of padding to the main element for the tablet and desktop versions, as indicated in the Figma design. Additionally, consider removing the bottom margin from the last button. I made a similar mistake, and you can fix it by using the :last-child pseudo-class to set margin-bottom: 0;." The image should be 88px height and 88px width.

The rest looks just like the design, Cheers!

0

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