Versions Compared

Old Version 10

changes.mady.by.user Virginie MANGELINCK

Saved on

compared with

New Version 11

changes.mady.by.user Virginie MANGELINCK

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Excerpt
hiddentrue
Html-bobswift
<div class="col-container">

<div class="col-first">
<img src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/597951752/img-event-excerpt-01.png" alt="">
</div>

<div class="col-second">
<h3><span>Online event</span>OOTS launch event</h3>
<p class="date">16 November | 9:00 - 14:00</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<p class="event-cta"><a class="btn primary" target="_blank" href="#"><span>See event</span><span class="ico-cta"></span></a></p>
</div>

</div>

...

CSS Stylesheet
/*-------------------------------------------*/
/*---OOH EVENTS CALENDAR PAGE - 20-10-2022---*/
/*------------------------------------------*/      

/*---INTRODUCTION---*/
#introduction {
background-image: url("https://ec.europa.eu/digital-building-blocks/sites/download/attachments/592642240/bg-illu-sigle-home-communication-material-introduction.svg");
background-position: top right;
background-repeat: no-repeat;
background-size: 100%;
}

.col-container { display: flex; justify-content: space-between; align-items: center !important; border:1px solid red;}
.col-first { width: 35%;}
.col-second { width: 55%;}  

.col-container h2 { display: none;} 
.col-container h3 { font-size:20px;} 
.col-container h3 span { display: block; font-size: 1rem; line-height: 1; color: #5D24A4;}