View Source

<div class="card-grid">

<div class="card-grid-body">
<div class="guidance-cta-col">

<div class="guidance-cta-col-illu">
<img aria-hidden="true" alt="" src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/581239505/illu-calendar.png"> 
</div>

<div class="guidance-cta-col-text">
<p>Explore the benefits of the Once-Only Technical System and its development by registering for webinars and other events.</p> 
</div>

</div>
</div>

<div class="card-grid-footer">
<p><a class="btn ghost" href="https://ec.europa.eu/digital-building-blocks/sites/display/OOTS/Events+calendar"><span>Go to events</span><span class="ico-cta-forward"></span></a></p>
</div>

</div>

<div class="card-grid">

<div class="card-grid-body">
<div class="guidance-cta-col">

<div class="guidance-cta-col-illu">
<img aria-hidden="true" alt="" src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/604504755/illu-introduction.png"> 
</div>

<div class="guidance-cta-col-text">
<p>Understand how the Once-Only Technical System decentralized high-level architecture connects public authorities so that they can exchange evidence at the request of a citizen or business.</p> 
</div>

</div>
</div>

<div class="card-grid-footer">
<p><a class="btn ghost" href="https://ec.europa.eu/digital-building-blocks/sites/display/OOTS/Architecture"><span>Go to OOTS architecture</span><span class="ico-cta-forward"></span></a></p>
</div>

</div>

<div class="card-grid">

<div class="card-grid-body">
<div class="guidance-cta-col">

<div class="guidance-cta-col-illu">
<img aria-hidden="true" alt="" src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/581239505/illu-calendar.png"> 
</div>

<div class="guidance-cta-col-text">
<p>Explore the benefits of the Once-Only Technical System and its development by registering for webinars and other events.</p> 
</div>

</div>
</div>

<div class="card-grid-footer">
<p><a class="btn ghost" href="https://ec.europa.eu/digital-building-blocks/sites/display/OOTS/Events+calendar"><span>Go to events</span><span class="ico-cta-forward"></span></a></p>
</div>

</div>

#guidance-cta .card-grid { padding:5rem 3.5rem; height: 90% !important; background: #F3F4F7; box-shadow:none;} 
#guidance-cta .card-grid .guidance-cta-col .guidance-cta-col-illu img {width: 120px;}  

@media screen and (min-width: 1280px) {
	#guidance-cta .card-grid .guidance-cta-col { display:flex; align-items: center;}
	#guidance-cta .card-grid .guidance-cta-col .guidance-cta-col-illu { width: 30%;}
	#guidance-cta .card-grid .guidance-cta-col .guidance-cta-col-text { width: 70%;}
	#guidance-cta .card-grid .card-grid-footer { padding-left: 30%;}
}

#guidance_navigation {position: absolute !important;}

#user-journey-prototype { border:1px solid red;}