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

Responsive Social-links page made with advanced css FlexBox

azgpapi 90

@azgpapi

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


A social-link built with css Flexbox. Come check this out!

Community feedback

@kyusufm

Posted

Hi @azgpapi, Congrats on the challenge!

I have some suggestion on the HTML structure, you may use the semantic html tag like <main>, <section>, <article> to improve the SEO score. for more HTML semantic resources you can read it here: Semrush Semantic HTML5

  • On the image: in your case, your image is on the same level with your index.html. so you should change the src to src="imagename.jpg"

There are some more, but for now i hope you can read more on the semantic HTML 5

Goodluck on the journey!

0

azgpapi 90

@azgpapi

Posted

@kyusufm very helpful! Thanks !

0

@kevinebenhezer

Posted

hello @azgpapi. Regarding your img didnt showed up, i think its probably because your img url look like this : <img src="assets/images/avatar-jessica.jpeg" alt="" />. Try to delete the assets/images/, so the full img url will be like <img src="avatar-jessica.jpeg" alt="" />

0

azgpapi 90

@azgpapi

Posted

@kevinebenhezer ofcourse I got my probelm. Thank you !

0
azgpapi 90

@azgpapi

Posted

Guys please contact me, when pushing or I don't know it didn't contain the image, if you are interested contact me on that. Thanks for coming.

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