Utility

Gutter

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Id exercitationem nesciunt, suscipit doloribus atque, magni laboriosam quidem aliquid laudantium deserunt similique repellendus, molestias laborum facilis eum a tenetur! Eaque, necessitatibus.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Id exercitationem nesciunt, suscipit doloribus atque, magni laboriosam quidem aliquid laudantium deserunt similique repellendus, molestias laborum facilis eum a tenetur! Eaque, necessitatibus.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Id exercitationem nesciunt, suscipit doloribus atque, magni laboriosam quidem aliquid laudantium deserunt similique repellendus, molestias laborum facilis eum a tenetur! Eaque, necessitatibus.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Id exercitationem nesciunt, suscipit doloribus atque, magni laboriosam quidem aliquid laudantium deserunt similique repellendus, molestias laborum facilis eum a tenetur! Eaque, necessitatibus.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Id exercitationem nesciunt, suscipit doloribus atque, magni laboriosam quidem aliquid laudantium deserunt similique repellendus, molestias laborum facilis eum a tenetur! Eaque, necessitatibus.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Id exercitationem nesciunt, suscipit doloribus atque, magni laboriosam quidem aliquid laudantium deserunt similique repellendus, molestias laborum facilis eum a tenetur! Eaque, necessitatibus.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Id exercitationem nesciunt, suscipit doloribus atque, magni laboriosam quidem aliquid laudantium deserunt similique repellendus, molestias laborum facilis eum a tenetur! Eaque, necessitatibus.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Id exercitationem nesciunt, suscipit doloribus atque, magni laboriosam quidem aliquid laudantium deserunt similique repellendus, molestias laborum facilis eum a tenetur! Eaque, necessitatibus.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Id exercitationem nesciunt, suscipit doloribus atque, magni laboriosam quidem aliquid laudantium deserunt similique repellendus, molestias laborum facilis eum a tenetur! Eaque, necessitatibus.

.gutter-1, .gutter-2, .gutter-3
Add this class to .row, to configure the spacing between elements inside.

Equal

.equal

Keep proportions 100%

.equal .equal-long

Keep proportions 100% + 25% height

.equal .equal-short

Keep proportions 100% - 25% height

<div class="boxed equal">
  <div class="p-5">
    <h4>.equal-long</h4>
  </div>
</div>