For a while now we’ve been using the Max Width stack that ships with Bueball’s Freestack Responsive theme as a quick and easy way to specify maximum widths on desktop machines and mobile devices. Of course, not many people want to buy an entire theme in order to get one stack – no matter how useful – so we were interested to see how Doobox’ Max stack differed.
For a start, you get three maximum width settings – desktop, tablet and mobile – and you can define your tablet and mobile device breakpoints directly from the HUD; in addition you can also specify whether any content inside the stack is ranged left, right or centred. Widths can be based on pixels or percentages – whichever floats your design boat – and the whole stack takes about 10 seconds to learn.
Like the Header X stack we reviewed last week, Max is going to be an incredibly useful stack because it’s straightforward to use, easy to deploy and solves many of the most basic layout problems associated with making the same design work on screens at different widths – without tearing your hair out. The Max stack is highly recommended.