ADJUSTING GRID ALIGNMENT

Published on 10/12/2018

This tutorial covers how to align Grid elements.

Create a code block in a Story, and insert a code snippet (see below).

<style>
 @media (min-width: 768px) {
   .help-financial-services .align-items-vertically .f-text p {
     height: 80px;
   }
 }

 @media (min-width: 992px) {
   .help-financial-services .align-items-vertically .f-text p {
     height: 50px;
   }
 }
</style>

Open the Story in edit mode. Add CSS class to the Section element which contains the Grid. In this case we need to add ‘help-financial-services’

Add CSS class to the Section element.

Save the Story, changes will be automatically applied.