When a vertical divider separates two columns in desktop view, the mobile response converts them to stacked columns with a horizontal divider. That's great, however, the converted divider's appearance does not match the regular horizontal dividers in use in the template.
Notice how thick the line is on the bottom converted divider compared to the divider above it. Also, the margins/padding are inconsistent with the regular dividers. No top/bottom padding, and line stretches across side margins.
The only way to minimize the discrepancy for mobile viewing is to manually increase the height of all regular dividers by a few pixels and add an extra spacer below on the left column and one above in the right column.
The converted divided still does not match the side margins, but the thickness matches. But, the desktop view is badly compromised with these adjustments.
The columns don't align at the top, and the vertical divider is too thin.
Anyone have a better solution?