Skip to content
Submitted 3 months ago

Responsive Social Links Challenge made with vanilla CSS and HTML5

Charles•90
@Ghost-Writer-2
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 didn't spend as much time as I did for my previous project and I noticed I've improved a bit in using media queries.

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

The challenge I encountered was making the design responsive but I managed to overcome them by googling stuff 😅

What specific areas of your project would you like help with?

I would heavily appreciate tips on making responsive designs

Community feedback

  • Mateus Lima•360
    @mts-mlPosted 3 months ago

    Hey, pretty good solution, some tips, try using min-height instead of height.

    On smaller screens the image is cut in half, using the min-height will solve this.

    And on HTML instead of using a lot of <div>, use <ul> and <li> for the links.

    Last thing and I don't know if it's on purpose, but the link in your footer is empty.

    Coded by <a href="#">Charles</a>.
    Marked as helpful
    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