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

using flex column

Mik2nd 350

@mik2nd

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?

finish it

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

little prob with list items, child selector are useful in this case

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

i use @font-face i dont know how it work, i already put all url avaible but i still cant see diference regular and bold font.

Community feedback

Tharun Raj 1,250

@Code-Beaker

Posted

Hi there, congratulations on completing this challenge. You've done a great job with this one! 🎉

I would like to share some of my suggestions that might help you improve your solution.

  • For challenges like this and larger and professional projects, using an external CSS file is a better option.
  • use class names for elements instead of selecting them using their tag.
  • The issue with your @font-face might have been due to importing multiple font files into a single block. Try creating different blocks for different weights.

For the regular:

@font-face {
font-family: 'Inter';
src: url('folder/InterRegular.format') format('format');
}

For the bold:

@font-face {
font-family: 'Inter';
src: url('folder/InterBold.format') format('format');
}

Try changing your code like this and see if it works. If you wish to learn more about the @font-face, you can check out this tutorial from [Kevin Powell]()

Hope this helps you 😊

Marked as helpful

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