Single Column
Featured Story
Title Lorem Ipsum Dolor Sit Amet
Heart Health
Inside NYP: Dr. Nisha Jhalani
Sed turpis tincidunt id aliquet risus feugiat. Arcu risus quis varius quam quisque id. Fermentum odio eu feugiat pretium nibh ipsum consequat. Nibh venenatis cras sed.
<div class="c-editorial-gallery c-editorial-gallery--single">
<div class="o-grid u-f-justify-center">
<div class="o-grid__item-12 o-grid__item-10@lg">
<div class="c-editorial-gallery__header">
<p class="c-editorial-gallery__eyebrow nyp-type-eyebrow">Featured Story</p>
<h2 class="c-editorial-gallery__title nyp-type-h2 u-m-b">Title Lorem Ipsum Dolor Sit Amet</h2>
<hr class="u-b-0 u-b-t u-b-black u-m-b" />
</div>
<div class="c-editorial-gallery__column-1">
<div class="c-editorial-card o-cover-link ">
<div class="c-editorial-card__image u-m-b">
<img src="/images/placeholder/editorial-gallery-image.jpg" alt="">
</div>
<div class="c-editorial-card__content">
<p class="c-editorial-card__eyebrow nyp-type-eyebrow--small">Heart Health</p>
<h2 class="c-editorial-card__headline"><a class="o-cover-link__overlay" href="#">Inside NYP: Dr. Nisha Jhalani</a></h2>
<p class="c-editorial-card__description">Sed turpis tincidunt id aliquet risus feugiat. Arcu risus quis varius quam quisque id. Fermentum odio eu feugiat pretium nibh ipsum consequat. Nibh venenatis cras sed.</p>
<div class="c-editorial-card__details u-text-italic">
<span class="detail-1"><a href="#" class="subtle-link--alt">Health Matters</a></span>
<span class="u-p-horz-xs">•</span>
<span class="detail-2">December 19, 2019</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
Two Column
Second column stories: Minimum 3; Maximum 4.
Featured Story
Title Lorem Ipsum Dolor Sit Amet
Heart Health
Inside NYP: Dr. Nisha Jhalani
Sed turpis tincidunt id aliquet risus feugiat. Arcu risus quis varius quam quisque id. Fermentum odio eu feugiat pretium nibh ipsum consequat. Nibh venenatis cras sed.
Heart Health
8 Things a Leading Cardiologist Wishes You Knew Right Now About Your Heart Health
Sed turpis tincidunt id aliquet risus feugiat. Arcu risus quis varius quam quisque id. Fermentum odio eu feugiat pretium nibh ipsum consequat. Nibh venenatis cras sed.
<div class="c-editorial-gallery c-editorial-gallery--two-column">
<div class="o-grid">
<div class="o-grid__item-12">
<div class="c-editorial-gallery__header">
<p class="c-editorial-gallery__eyebrow nyp-type-eyebrow">Featured Story</p>
<h2 class="c-editorial-gallery__title nyp-type-h2 u-m-b">Title Lorem Ipsum Dolor Sit Amet</h2>
<hr class="u-b-0 u-b-t u-b-black u-m-b" />
</div>
</div>
<div class="c-editorial-gallery__column-1 o-grid__item-12 o-grid__item-7@md">
<div class="c-editorial-card o-cover-link ">
<div class="c-editorial-card__image u-m-b">
<img src="/images/placeholder/editorial-gallery-image.jpg" alt="">
</div>
<div class="c-editorial-card__content">
<p class="c-editorial-card__eyebrow nyp-type-eyebrow--small">Heart Health</p>
<h2 class="c-editorial-card__headline"><a class="o-cover-link__overlay" href="#">Inside NYP: Dr. Nisha Jhalani</a></h2>
<p class="c-editorial-card__description">Sed turpis tincidunt id aliquet risus feugiat. Arcu risus quis varius quam quisque id. Fermentum odio eu feugiat pretium nibh ipsum consequat. Nibh venenatis cras sed.</p>
<div class="c-editorial-card__details u-text-italic">
<span class="detail-1"><a href="#" class="subtle-link--alt">Health Matters</a></span>
<span class="u-p-horz-xs">•</span>
<span class="detail-2">December 19, 2019</span>
</div>
</div>
</div>
</div>
<div class="c-editorial-gallery__column-2 o-grid__item-12 o-grid__item-5@md">
<div class="card-column u-h-100">
<div class="c-editorial-card o-cover-link ">
<div class="c-editorial-card__image u-m-b">
<img src="/images/placeholder/editorial-gallery-image.jpg" alt="">
</div>
<div class="c-editorial-card__content">
<p class="c-editorial-card__eyebrow nyp-type-eyebrow--small">Heart Health</p>
<h2 class="c-editorial-card__headline"><a class="o-cover-link__overlay" href="#">8 Things a Leading Cardiologist Wishes You Knew Right Now About Your Heart Health</a></h2>
<p class="c-editorial-card__description">Sed turpis tincidunt id aliquet risus feugiat. Arcu risus quis varius quam quisque id. Fermentum odio eu feugiat pretium nibh ipsum consequat. Nibh venenatis cras sed.</p>
<div class="c-editorial-card__details u-text-italic">
<span class="detail-1"><a href="#" class="subtle-link--alt">Health Matters</a></span>
<span class="u-p-horz-xs">•</span>
<span class="detail-2">December 19, 2019</span>
</div>
</div>
</div>
<div class="c-editorial-card o-cover-link ">
<div class="c-editorial-card__image u-m-b">
<img src="/images/placeholder/editorial-gallery-image.jpg" alt="">
</div>
<div class="c-editorial-card__content">
<p class="c-editorial-card__eyebrow nyp-type-eyebrow--small">December 19, 2020</p>
<h2 class="c-editorial-card__headline"><a class="o-cover-link__overlay" href="#">NYP Queens Health Fair</a></h2>
<p class="c-editorial-card__description">Description here</p>
<div class="c-editorial-card__details u-text-italic">
<span class="detail-1"><a href="#" class="subtle-link--alt">Event</a></span>
<span class="u-p-horz-xs">•</span>
<span class="detail-2">NewYork Presbyterian Queens Hospital</span>
</div>
</div>
</div>
...
</div>
</div>
</div>
</div>