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

Article Preview Component - HTML/CSS/JS

Rayane 1,935

@RayaneBengaoui

Desktop design screenshot for the Article preview component coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
1newbie
View challenge

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

@rfilenko

Posted

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
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