HTML, CSS, JS, Git, GitHub, Netlify, PerfectPixel, Lighthouse

Solution retrospective
Yesterday I learned to implement a theme-toggle for my site's dark and light theme.
I applied it for the first time in this project and will be applied on my future projects from now on.
What challenges did you encounter, and how did you overcome them?The implementation of a theme-toggle button is a bit hard but I managed to pull it off by reading some resources and by trial-and-error
What specific areas of your project would you like help with?What to do if the style guide doesn't seem to match the design image given?
-
I don't know if my eyes are lying to me but it seems like
font-weight: 700
is not the right value for the Big Shoulders font for this challenge -
I downloaded the
font-weight: 500
version and implemented it instead -
Even though I kinda made my final solution as close as possible to the design intended, I still doubt myself if I made the right decision
-
I feel like 700 was the right font-weight all along and I'm just missing a simple CSS property to make it work (I tried
letter-spacing
but did not come close)
I hope someone can take quick inspection of my CSS code. Thank you in advance!
Please log in to post a comment
Log in with GitHubCommunity feedback
- @haquanq
Hi @CodingWithJiro,
I think the heading supposed to be bold (700), but the font seems to have small different between 500 and 700 which lead to confusion.
I took a look at your CSS and i think your variable names seem kind of aggressive to me 😆.
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