When we mapped out how our responsive apps would function, we focussed on the core of a device-agnostic design: custom breakpoints with a fully adaptable layout. After all, fanciness can only be built upon solid grounds. Curious why that is? Let’s take a look at a real design case. These are the blue dots on the image below. Now look at the layout. The two column design looks great at the current width, but at smaller screens a single column might be preferred. However, using the default breakpoints, it would need to be one or the other; either a single column or a two column for every screen smaller than 640px.

Create authentic digital experiences using the most famous front-end framework in the industry. Accelerate production time by working in a real-time browser environment. With no code to worry about, exploring design alternatives is both faster and easier, resulting in killer sites. Breakpoints when and where you need them. Design or layout changes need to be based upon the actual content for an optimal user experience. Breakpoint management is key for creating truly device-agnostic designs.