DEV Community

Koen van Gilst
Koen van Gilst

Posted on • Originally published at blog.koenvangilst.nl on

Brutalist CSS

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;
}
Enter fullscreen mode Exit fullscreen mode

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

And this is how it looks

Top comments (0)