Imperfect

responsive plain theme

While Bear's Plain HTML theme keeps it simple, it burns my eyes and isn't quite mobile-friendly. The below theme largely fixes this by replacing body width with max-width like Paul's theme. This prevents content from overflowing off the page. The theme also applies side margin only to mobile and tablet form factors. Instead of content starting and ending at your screen's edges, the added whitespace makes it look cleaner and more legible.

body {
  max-width: 720px;
  margin: 0 auto;
}

nav a {
  margin-right: 5px;
}

@media (max-width: 768px) {
  body {
    margin: 0 16px;
  }
}

Feel free to improve upon or adapt this theme to your needs.

Want to reach out? Connect with me however you prefer: