Versions Compared

Old Version 8

changes.mady.by.user Virginie MANGELINCK

Saved on

compared with

New Version 9

changes.mady.by.user Virginie MANGELINCK

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Div
idintroduction
classsection
Div
classcontainer
Div
classcols justify-content-between align-items-center
Div
classcol-7
Html-bobswift
<h1><span class="heading-subtitle">Projectatons</span>What is a Projectathon</h1>
<p class="lead">A Projectathon is an event where different systems connect under one roof and perform a marathon of peer-to-peer interoperability and compliance tests in a structured environment for several days. The tests are supervised and verified by neutral experts acting as Monitors.</p>
Div
classcol-4
Html-bobswift
<img<p class="introduction-illu"><img alt="" aria-hidden="true" src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/645595199/illu-introduction.png" class="introduction-illu">></p>
CSS Stylesheet
/*--------------------------------------------------*/
/*---OOH PROJECTATONS OVERVIEW PAGE - 16-02-2023---*/
/*------------------------------------------------*/ 

#main-content p:empty { display: none;}

/*---INTRODUCTION---*/
#introduction h1 { margin-bottom:2.5rem;} 
#introduction p { margin-bottom:0;} 
.introduction-illu { line-height:0;} 
.introduction-illu img { width: 180px;}

@media screen and (min-width: 769px) {
  .introduction-illu img { width: 100%; max-width: 320px; height: auto;}
}