Submitted 7 months ago

Social Links Profile Using Flexbox and Semantic HTML

Dee• 40

@dgrow9

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

Ok, back to using flexbox. I didn't really have any major issues with this project.

I guess my main questions are:

Am I using semantic HTML right? You'd think that'd be one of the first things I'd learn, but I don't think I'm at that point yet. Also, what's the difference between section vs article vs div?
How do I know what my projects look like on different screens, operating systems, browsers, etc. Is there anything more than Inspect Element/Responsive Design Mode?

Any other advice is appreciated!

Community feedback

Numerous Oriabure• 110

@KalminX

Posted 7 months ago

Semantic HTML simply entails using the right tags like header, main, nav, article, section and footer and avoiding divitis:(I'm still guilty of it tho😅😅)

You can check your sites responsiveness using your inspect tool in the browser you're using. I don't think there's more than that though.

Just my little suggestions.

Marked as helpful

Dee• 40

@dgrow9

Posted 7 months ago

@KalminX Thanks!! :)

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