Brutalist CSS

August 17, 2019 • 1 min read

Bare minimum responsive CSS

CSS can be hard, but getting started with responsive design doesn’t have to be. These are the only 196 bytes you need to get started with a responsive design.

body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial,
  font-size: 24px;
  line-height: 1.6;
  max-width: 38rem;
  padding: 2rem;
  margin: auto;

Here’s a CodeSandbox:

And this is how it looks

Got any questions, found a mistake? You can find me on Twitter as @vnglst. You can also discuss the article on TwitterSuggest changes on Gitlab

Koen van Gilst

Koen van Gilst

Personal blog by Koen van Gilst. JavaScript developer, M.A. in Philosophy, former translator.