Submitted about 1 month ago

Responsive Social Media Links section using HTML and CSS

Samreen Saba•30

@Samreensaba

Preview site View code

This is a solution for...Social links profile

HTML
CSS

1newbie

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

M Asim Saeed•270
@asimsaeed353Posted about 1 month ago
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 :)
Marked as helpful
0
Samreen Saba•30
@SamreensabaPosted 29 days ago
@asimsaeed353 thank you so much I got it
1
PreANI•50
@preani19Posted about 1 month ago
good beginning bro try to use some border-radius to make curve effect at the corners also nice work with mobile interface
0
Samreen Saba•30
@SamreensabaPosted about 1 month ago
@preani19 thanks for the feedback will surely work on it
0

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