Submitted 6 months ago

Responsive Social Link Profile with TailwindCSS

MrRayeen• 10

@MrRayeen

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

What are you most proud of, and what would you do differently next time?

I am proud of the fluidity dynamic responsive view of the content. Some content could be adjusted effectively across various screen sizes. Will work on the design of each content to execute them effectively next time.

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

None major challenges. Went smoothly completed within 20min. It was a piece of cake 🍰.

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

Probably with more effective use of width and height of divs, for it to be better effectively and efficiently responsive.

Community feedback

Samir• 260

@Samir22Raj

Posted 6 months ago

I tried visiting your site. Netlify gave me a 404 error, you might want to check up on that.

From just the screenshot though I can tell you've done a great job with it. The spacing looks good but it seems like you have a problem with the height of the main/body. I would suggest setting height: 100vh.

Hope you figure out the problem with Netlify and continue your coding journey.

MrRayeen• 10

@MrRayeen

Posted 6 months ago

@Samir22Raj Oh right, I changed the domain name just few minutes after I posted. I have updated the url if you may.

Samir• 260

@Samir22Raj

Posted 6 months ago

@MrRayeen I looked through your website and code. They were amazing. I would suggest you use list and link tags for SEO on the profile links but other than that the website seems great.

Happy coding.

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