Building Responsive Banners (with Focal Points) using SoulSections

We’ve all been there – placing text over a background image that has a person or other focal point that we don’t want obscured on smaller screens. In this video, I’ll show you a technique for using one SoulSections module to use focal-point imagery a bit more…responsively.

Using the vmin unit for sizing banners

Banners are a great way to show a site visitor exactly where they are, and they’re important to keep consistent as the visitor bounces around. With every new design, however, I find that I arbitrarily size my banner heights, so I looked closer at some viewport units that may give me a more robust solution….