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 Page with HTML, CSS and techniques like flexbox

Prinz 60

@maxnoelp

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?

i don´t use a Button from a website, i create my own one and center the flexbox

Community feedback

Alex 3,130

@Alex-Archer-I

Posted

Hi! Interesting work, it's always cool to experiment with design =)

Here is a few tips:

  • Use min-height instead of height on the body tag in case if the user's devise have smaller screen than content.
  • Almost the same about .article - try not to explicitly set height for container elements. In real projects there could be the cases when content might changed, so it's better when height of a container depends on the content.
  • It is better use ul and li tags for the buttons-links because of semantic. To keep html leaner you could put a directly into li, buttons aren't really necessary here.

Oh, and the padding property haven't auto value.

Anyway, cool job, keep doing =)

Marked as helpful

0

Prinz 60

@maxnoelp

Posted

@Alex-Archer-I thanks for ur comment, i learn since 2 weeks. I will keep in my mind :)

1
Alex 3,130

@Alex-Archer-I

Posted

@maxnoelp That's cool, good luck with your studying =) Fell free to ask or comment if you need =)

1
Prinz 60

@maxnoelp

Posted

@Alex-Archer-I thanks, it is a lot to learn :) I may take you up on that later.

1

@umeshsuwal

Posted

The font is little bit hard to read, it's not good for user experience

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