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 Media Links

@KasiaKaz14

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 must say that it was a curious experience. Once I created a similar project, where my SM are one of the tabs, so it was a nice reminder. The different thing I did was the creation of my whole private website. I am so proud of it.

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

I am in love with html and css, although they are a simple technologies, but give many possibilities to make project really impressive. The challenge was the next interesting project to code, and a nice experience.

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

Currently everything is fine, but if someone have some curious css styles to make the project more interesting - I am open for a conversation and some advices. This way I can broaden my mind, gain new knowledge and experience. It all can let me become a better developer who will be writing a better code in the future.

Community feedback

ghamsin 50

@ghamsin

Posted

hi isee u dont follow orginal design its cool but ucould do this better becus fnal design is not elegant its very typical in codding u skip footer this also make less legit over all dont be lazy take ure time put more effert at the end u will be much more satisfyer

0

@KasiaKaz14

Posted

@ghamsin Please comment more constructively. Nothing comes out of your comment. I have almost two years of experience with programming and no programmer/lecturer has ever told me: don't be lazy, put more effort into the project. If you want to give an advice, tell what you think is wrong, because at the moment you are wasting both my and your time

0
ghamsin 50

@ghamsin

Posted

@KasiaKaz14 yeah i agree with this one look like who should put more effort on gave better solution is me and i forgot about it here is my advices I hope u like this one ^_^

Enhance Semantic HTML: For your social links, it’s better to use a <nav> tag. This helps search engines understand that this section is for navigation. Alt Text for Images: Your alt text for the image is good, but you can use a more descriptive text to improve accessibility and SEO and stuff . CSS Cleanup: Use CSS variables for colors instead of hardcoded values. This makes your code cleaner and easier to maintain. :root { --bg-color: black; --link-color: chartreuse; --text-color: white; --border-color: gray; } this make it much more organizer Comments and Unused Code: If you have comments and unused code, like the attribution section, you can remove them for a cleaner codebase. If you might need them later, consider keeping them in a separate file.

Overall, you have a solid code structure, and by following these small suggestions, you can significantly enhance its quality and accessibility. Remember to always optimize your design for user experience. If you have any questions or specific projects you need help with, feel free to ask ^_^!

Marked as helpful

0

@KasiaKaz14

Posted

@ghamsin It's a really nice point of view. When I started learning we used nav for more complex pages. I have never thought to use with more simple projects, and never considered it in terms of seo. That's curious, and important. Thanks for this. Alternative text for img: every experience developer tells that it must be short. It appears when the picture is not showed. It is not an important issue. The same with CSS variables. I know it, and it is a really useful functionality. We also used it for much bigger and complex projects. The lecturers/developers told me that it is convenient when you have a lot of code, so that's why I didn't decide to add this here. Thank you very much again for your comment

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