notes/technology/css

PicoCSS Sticky Footer

Notes | 2024-06-10 (updated 2025-10-25) | 1 min read
#picocss

A sticky footer using [[picocss]]

html,
body {
  height: 100vh;
}

body > footer {
  position: sticky;
  top: 100vh;
}

PicoCSS

Notes | 2024-02-10 (updated 2025-10-25) | 1 min read
#picocss #slashpage-uses

My preferred minimalistic CSS framework, which is usually enough for small websites and even simple SaaS apps. It feels like a super power to write almost plain HTML and get something that looks presentable, supports dark mode and has just enough components to cover most use cases for me.

Spread Elements Vertically Using CSS

Notes | 2024-01-18 (updated 2025-10-25) | 1 min read
#css

Using flex children can easily be positioned vertically in their parent container.

Read more…

Debugging CSS Layouts

Notes | 2024-01-17 (updated 2025-10-25) | 1 min read
#css #debugging

When debugging issues with CSS layouts it can sometimes be tricky to really understand what is going on.

Read more…