Brutalist CSS

Koen van Gilst

Koen van Gilst / August 17, 2019

1 min read––– views

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,
    sans-serif;
  font-size: 24px;
  line-height: 1.6;
  max-width: 38rem;
  padding: 2rem;
  margin: auto;
}

Here's a CodeSandbox: https://codesandbox.io/embed/brutalist-css-eu8s5

And this is how it looks