Pure CSS Vertical Divider

So several months ago I had a few designs come by my desk requiring vertical dividers between the columns of a grid system. If you have done any front end development for some time you will know how much of a pain this can be. The requirements that I required for a vertical divider were the following, dividers need to expand to the column with the most amount of content, need to have some responsive aspect to it, needs to be able to be added to other columns fast. So after racking my brain for several hours, I came up with the solution below.

Please feel free to pick this apart and adapt it to your frameworks and grid systems!

2 replies to “Pure CSS Vertical Divider”

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.