<div class="mini-cards">
      <div class="container">
        <div class="row mini-cards__container">
          <div class="mini-card [modifier class]">
            <img alt="mini-card 1" src="../i/place1.jpg" width="270" height="270" />
            <h3 class="h4 title mini-card__title">Mountain Loop</h3>
            <div class="text">
              <p>Lorem ipsum sit amet,
                consectetur  adipisicing...</p>
                <div class="box-underlined-above">
                  <p>
                    <strong>Location 0.3 miles.</strong>
                  </p>
                </div>
            </div>
          </div>
          <div class="mini-card [modifier class]">
            <img alt="mini-card 1" src="../i/place2.jpg" width="270" height="270" />
            <h3 class="h4 title mini-card__title">National Park</h3>
            <div class="text">
              <p>Lorem ipsum sit amet,
                consectetur  adipisicing...</p>
                <div class="box-underlined-above">
                  <p>
                    <strong>Location 0.3 miles.</strong>
                  </p>
                </div>
            </div>
          </div>
          <div class="mini-card [modifier class]">
            <img alt="mini-card 1" src="../i/place3.jpg" width="270" height="270" />
            <h3 class="h4 title mini-card__title">Canyon Trail</h3>
            <div class="text">
              <p>Lorem ipsum sit amet,
                consectetur  adipisicing...</p>
                <div class="box-underlined-above">
                  <p>
                    <strong>Location 0.3 miles.</strong>
                  </p>
                </div>
            </div>
          </div>
        </div>
      </div>
    </div>