Skip to content
Submitted about 4 years ago

Article Preview Component - HTML/CSS/JS

Rayane•1,935
@RayaneBengaoui
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Article preview component
  • HTML
  • CSS
  • JS
1newbie

Design comparison

SolutionDesign

Solution retrospective

Hello !

Any feedback is welcomed, I still have a question about the "SHARE" text that I can't get "thin". I tried using "font-weight" but it only worked for the big text section I don't know why.

Thank you :)

Community feedback

  • Roman Filenko•3,335
    @rfilenkoPosted about 4 years ago

    Hi, you need to include proper font-weight variants in url when using google font like https://fonts.googleapis.com/css2?family=Manrope:wght@300;500;700&display=swap - includes 300, 500, 700 for this particular font. But generaly only 2 font-weights are enough, because it has impact on website performance and loading time

    Cheers, Roman

    1

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