YouTip

# Foundation Equalizer We can create an equalizer with the same height by adding the `data-equalizer` attribute to the container element and adding the `data-equalizer-watch` attribute to each child element. The tallest element determines the height of the other elements. **Note:** The equalizer requires JavaScript, so you need to initialize Foundation JS: ### Example $(document).ready(function() { $(document).foundation(); }) [Try it »](#) * * * ## Equalizer for Different Screens Add the `data-equalizer-mq="value"` attribute to the equalizer to set the same height for different screen sizes. The value can be one of the following: | Value | Description | Example | | --- | --- | --- | | `medium-up` | **Default.** Creates equal height containers with a width greater than 40.063em | | | `large-up` | Creates equal