Submitted 3 months ago

social links using Html and Css

Hazel-David• 260

@Hazel-David

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Social links profile

HTML
CSS

1newbie

View challenge

Design comparison

SolutionDesign

Solution retrospective

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

That I have gotten a platform with like minded people. Next time i will try to collaborate with some members

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

I am still on the verge of making my projects a bit responsive. Compared to my last project, I have tried to improve but I hit a dead end. but nothings bad in admitting trial. With the help of your valuable feedback. I believe I will overcome this menace of media queries.

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

Hey guys media queries has proven to me a hard nut to crack. But here I am , with you guy any feedback is welcomed big or small

Community feedback

AlienInvade• 160

@AlienInvade

Posted 3 months ago

Hi, Good Solution.

I would suggest you use Semantic HTML, like <main>, <article> to make the website more accessible.

Regarding media query you should use @media (min-width: 319px) and (max-width: 480px) this is for mobile devices, it's similar to what you have used. Inside the media query, you should input values less than the actual value for desktop. i.e. your .container width is 400px, so in the media query you should input less width pixels, like width: 300px; instead of the 100% width you used. if you need more insight reach out or look at my code.

Hope this helps.

Hazel-David• 260

@Hazel-David

Posted 3 months ago

thanks for the valid feedback @AlienInvade

Please log in to post a comment

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