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 Profile Links Card

@lank81

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 cleaned up some of the ways I was displaying text on the screen and broke my HTML down into a more semantic style.

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

Setting up a section and all divs within it receiving the styles. I needed to look this up and found a solution pretty quickly via Google.

Community feedback

@Grimm-N

Posted

I really appreciate the work you’re doing! 🎉 Your coding skills are impressive, and I can see the effort you put into your projects. To make your code even better, here are a few suggestions:

Improve Mobile Responsiveness 📱: I recommend enhancing the code to ensure the design is optimized for mobile devices. Because let's face it, no one wants to zoom in to read your amazing content! 😅

Use Consistent Units 📏: Consider using units like rem, em, vh, vw, and % for layout and sizing throughout your code. These units are like the Swiss Army knife of responsive design—versatile and handy! 🛠️ I’ve noticed you're using them partially; expanding their use globally can make a big difference.

Aim for Template-Like Code 📑: Try to structure your code to resemble established templates as closely as possible. This approach not only helps us learn but also enables us to tackle challenges like pros—just think of it as leveling up your coding skills! 🎮

Get Familiar with BEM 🏷️: Start getting into the habit of writing classes using the BEM (Block Element Modifier) methodology. It’s like giving your code a neat and tidy haircut—so much easier to manage and understand! 💇‍♂️

Keep up the great work! I’m excited to see how your projects evolve! 🚀

0

@nottundeednut

Posted

The font-weight of the links is not applied.

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