<section class="s-banners"> <ul class="l-gridFlex" data-min="300" data-max="510"> <li data-index="0"> <div class="c-bannerCard"> <a class="c-bannerCard__img" href="#bannerLink" title="Banner Title"> <img src="/fpo/510/200/" alt="Alternate Text" data-dropdown="true" /> </a> <div class="c-bannerCard__details"> <header> <h3>Banner Title</h3> </header>Banner Copy </div> </div> </li> <li data-index="1"> <div class="c-bannerCard"> <a class="c-bannerCard__img" href="#bannerLink" title="Banner Title"> <img src="/fpo/510/200/" alt="Alternate Text" data-dropdown="true" /> </a> <div class="c-bannerCard__details"> <header> <h3>Banner Title</h3> </header>Banner Copy </div> </div> </li> <li data-index="2"> <div class="c-bannerCard"> <a class="c-bannerCard__img" href="#bannerLink" title="Banner Title"> <img src="/fpo/510/200/" alt="Alternate Text" data-dropdown="true" /> </a> <div class="c-bannerCard__details"> <header> <h3>Banner Title</h3> </header>Banner Copy </div> </div> </li> <li data-index="3"> <div class="c-bannerCard"> <a class="c-bannerCard__img" href="#bannerLink" title="Banner Title"> <img src="/fpo/510/200/" alt="Alternate Text" data-dropdown="true" /> </a> <div class="c-bannerCard__details"> <header> <h3>Banner Title</h3> </header>Banner Copy </div> </div> </li> </ul> </section>