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 Media Links section using HTML and CSS

@Samreensaba

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 am particularly proud of the clean and responsive design of the Social Links project. It effectively showcases my ability to create a visually appealing user interface while ensuring compatibility across different devices. The use of CSS for styling and layout, resulted in a smooth user experience. Additionally, the project demonstrates my understanding of web accessibility principles, making it user-friendly for a diverse audience.

Community feedback

@asimsaeed353

Posted

The design is great, and code is very clean and simple to read. I have a suggestion, you can make the social link elements interactive by using <a> instead of <p> in your

<div class="section3">
         <div class="links"><p class="link">GitHub</p></div>

And also, you can change the style of these interactive elements for their hover and focus state. That will make the design more attractive.

I hope these tips will be helpful :)

0
PreANI 50

@preani19

Posted

good beginning bro try to use some border-radius to make curve effect at the corners also nice work with mobile interface

0

@Samreensaba

Posted

@preani19 thanks for the feedback will surely work on it

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