Welcome to my personal check-ins section! Here, I am thrilled to share some of my favorite places and experiences with you. From charming cafes to breathtaking natural landscapes, this is where you can discover the hidden gems that have captured my heart.
I have added a profile card component for those who end up on my home page and wonder “Who is this?”. The description will probably get updated, and the cover is only visible on a desktop, as I wanted the keep it as simple as possible 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.