Skip to content
Submitted 3 months ago

Social Links Profile - Responsive design

Fernando Octavio Viveros•20
@agros55
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Social links profile
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

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

I enjoyed being able to practice design using FlexBox. For next time, I would use a CSS preprocessor like SASS or LESS.

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

Using Flexbox was my challenge due to lack of practice, but I overcame it by using the CSS documentation.

Community feedback

  • moonji-spoonji•230
    @moonji-spoonjiPosted 2 months ago

    Great job with this challenge! Your solution looks a bit smaller but proportional to the design. Your code is very neat and reusable!

    There are only two small things I noticed:

    1. The Twitter link is missing a reference, here's the change to your code <a href="https://x.com/" target="_blank" class="links__item">Twitter</a>
    2. The links seem to be a lighter font weight than the design, so maybe you could try font-weight: 600 or font-weight: 700 in the .links_item block

    I'd love to see your use of SASS or LESS in future challenges!

    0

Please log in to post a comment

Log in with GitHub

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