QR Code Card with HTML and CSS

Community feedback

• 

  Els G•180

  @elsgoossens

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

  00

  Marked as helpful