“md” forces same height for window widths > 992px (medium window – table or small desktop).

“sm” forces same height for window widths > 768px (small window – small tablet).

“xs” forces same height for all window widths (extra small window – smartphone).

You have these breakpoints (those familiar with bootstrap know them): This text only has to use the same height when it is next to the previous, but not when it is underneath on smarphones. This text always has to use the same height than the previous one. (You could even use no breakpoint at all) What if I have a responsive site and I only want the same height to apply in wide-screen, side-by-side configurations? So, I don’t want these to parts to look as long. This text is long, but not quite as long as the previous one. What if I have different sizes in the same page? This is very useful if they are floating next to each other and they have a background. When the html renders on your screen, both parts content parts will look equally height. This is a very, very, very, very, very, very, very, very, very, very, very, very, very, very, very, very, very, very, very, very, very, very, very, very, very, very, very, very, very, very, very, very, very, very, very, very, very, very, very long text If you have a some parts of your content that need to have the same height, simply wrap them with the shortcode like this: The size is uses is the size of the tallest box. This plugin will use jQuery to detect the boxes you want and force them all to have the same size. Sometimes we want to display to boxes side by side and they have to look the same.

Same height blocs app plugin