Skip to content

Instantly share code, notes, and snippets.

@gmolveau
Created April 11, 2019 06:10
Show Gist options
  • Save gmolveau/294e9a74b4724b8f75043be6b3fd2b1c to your computer and use it in GitHub Desktop.
Save gmolveau/294e9a74b4724b8f75043be6b3fd2b1c to your computer and use it in GitHub Desktop.
Minimal responsive CSS
/* from github.com/vladocar/CSS-Micro-Reset + blog.koley.in/2019/339-bytes-of-responsive-css */
body {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
line-height: 1.6;
color: #222;
max-width: 40rem;
padding: 2rem;
margin: auto;
background: #fafafa
}
table {
border-collapse: collapse;
border-spacing: 0
}
th, td {
text-align: left;
vertical-align: top
}
img, iframe { border: 0 }
img { max-width: 100% }
a { color: #2ECC40 }
h1, h2, h3, h4, h5, h6 { font-weight: normal }
h1, h2, strong { color: #111 }
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment