Skip to content
Submitted 6 months ago

using flex column

Mik2nd•360
@mik2nd
Preview site (opens in new tab)View code (opens in new tab)
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?

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,330
    @Code-BeakerPosted 6 months ago

    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

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