I'm so bad at CSS

2024-05-26

Building this blog was easy. A little bit of docker, some copy pasting from the zola documentation and I was done.

I wanted to have the simplest off the shelf CSS stylesheet I could find, so I picked mvp.css and it was exactly what I needed.

However, because it's a very minimalist stylesheet, no media query is provided. It didn't look great on a mobile device.

The whole blog took me maybe 2 hours to build, these 10 lines of CSS? possibly 4 hours, with some frantic googling, and possibly some desperate conversations with ChatGPT.

html {
  font-size: 22px;
}
:root {
  --width-content: 600px;
}
@media only screen and (max-width: 1080px) and (min-resolution: 2dppx),
      only screen and (max-width: 600px) {
  html {
    font-size: 44px;
  }
  :root {
    --width-content: 800px;
  }
}

There's no moral to this story, just this blog post.