Shape dividers are a great way to break up section content and add some flare to a web design. Thankfully, Bricks makes it super easy to add shape dividers to your sites.
There are three MAJOR ISSUES, though:
1. The shape divider styles can't be assigned to classes, so there's no way to maintain global control of the styling.
2. The shape dividers aren't responsive, so it's hard to get shape dividers to look good across all devices unless you know some savvy techniques.
3. The spacing in your sections should ideally be relative to the shape divider being used, which isn't how section spacing works by default.
Here's an example of a shit show you might find yourself in: Let's say you add 50 dividers across your website build and then you realize you need to adjust the height or width of those dividers so they look better on mobile.
Well ... you're screwed. Not only do you have to go edit every single divider individually, you can't make the edits at the breakpoints.
In this tutorial I'm going to show you some tricks for supercharging your shape dividers and making them [mostly] scalable and maintainable.
Join the Inner Circle - digitalambition.co/inner-circle/
Get AutomaticCSS - automaticcss.com