Changed: Font size on mobile

This website is built on top of the Tailwind CSS framework which most of the time works great, but having the base font size by default set to 16 pixels it seemed in this project too chunky on mobile.

After doing some tests and comparisons with other websites and apps, I found out that 14 pixels is the sweet spot on mobile, while on bigger screens it fits betters with the default 16 pixels.

Not sure if my implementation is the correct one but in case you are wondering how to do this, here is the code snippet of what I did:

@layer base {
  @media (max-width: 640px) {
    html {
      font-size: 14px;
    }
  }
}

I hope this change will make it now more readable for mobile users.