Adaptive Blog Theme: Breakpoints

At this point in our theme development it's time to look at the adaptive nature of the layout. We're going to examine our breakpoints, tidy up the layout in its various states, deal with the navigation and any images we encounter. Notably, this is the last of the screencasts before we dive into WordPress theming!

---

Note: When I refer to the word responsive, I often really mean adaptive (sorry, force of habit!) Responsive layouts involve fluid dimensions; ours offers a series of fixed-width layouts for screens wider than 767px, making it technically adaptive.

---

First Look at the Breakpoints

---

The Last of the Breakpoints

---

Adaptive Images