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 main

AB 60

@rvupmo33

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?

Being able to make something somewhat similar despite not using the figma file.

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

Media queries. However, I was able to understand them after watching a tutorial.

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

Open to any and all feedback!

Community feedback

Pirate 170

@ima9gh

Posted

This comment was deleted

0

AB 60

@rvupmo33

Posted

Hi! @ima9gh

If the ul took the left margin what you can do is

  1. place the ul in a div and set the divs width
  2. use margin: 0 auto to center the div

heres how i did it:

.links{
  width: 305px;
  margin: 0 auto;
}

.links ul{
  display: flex;
  flex-direction: column;
  gap: 16px;
}

I'm still a beginner myself so the code may not be perfect.

Hope that helped! (you can view my code using the 'view code' button)

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