Design comparison
Community feedback
- @elsgoossensPosted almost 2 years ago
Hello Victor,
I'm just starting out myself here.
I have learned some things I try to apply now, I put all sizes in rem (because it helps for people with different browser settings: in Chrome, under settings, if you change the appearance, make the font size bigger or smaller) all keeps working fine if you used rem.
By default 16px = 1 rem, but to make my life easier I put the default for all to 10px (so I put html {font-size:10px}, from then on, it is easy 23px = 2.3rem, etc.
The other useful habbit I copied is using variables for color settings and stuff: :root{ --clr-orange: hsl(35, 77%, 62%); --clr-soft-red: hsl(5, 85%, 63%); }
using a color is then: h1{ color: var(--clr-very-dark-blue); }
Besides that I am trying to find as much useful tips as possible.
Keep up the good work, you re doing great !
Happy coding Els
Marked as helpful0
Please log in to post a comment
Log in with GitHubJoin 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