Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Div
idinterview-detail-about-ms
classsection
Div
classcontainer
Div
classcols justify-content-center
Html-bobswift
<div class="col-8">

<h2 class="h3" style="margin-bottom:1.25rem;">About the interviewees</h2>

<div class="interview-detail-about-ms-text-extra">
<p><strong>Kirsi Mikkonen</strong>, Chief Specialist.
<br> Kirsi is a highly skilled and enthusiastic civil servant with years of experience in implementing key digital policies like The Act on Central Government's Joint e-Service Support Services, Services Directive and Single Digital Regulation.</p>

<p><strong>Mervi Kylmänen-Paakki</strong>, Senior Specialist.
<br>Mervi is a proficient government official with a forward-looking mindset, who has worked with developing public services and EU Single Market from national perspective for several years.</p>

<p><strong>Olli Hurskainen</strong>, Senior Specialist. 
<br>Olli is a versatile government official and a newcomer in the Finnish team, who has earlier worked with improving information of Finnish public services for several years.</p>
</div>

</div>

<div class="col-4">
<p><img<p class="interview-detail-about-ms-illu"><img aria-hidden="true" alt="" src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/674509304/finland-interviewees.jpg"></p>
</div>

...

CSS Stylesheet
.interview-detail-introduction-cover {
background-image: url("https://ec.europa.eu/digital-building-blocks/sites/download/attachments/674509304/flag-finland.jpg");
}

/*TO BE CLEAN AND PUT ON THE EXCERTP INCLUDE*/
.interview-detail-box { margin:0 auto; width:80%; padding: 0 2.5rem 1.5rem 2.5rem; border:1px solid #E3E6EB;}
.interview-detail-about-ms {}

.wiki-content .interview-detail-about-ms-illu { margin-bottom:0; line-height:0 !important;}
.interview-detail-about-ms-illu img {width: 180px;}

@media screen and (min-width: 769px) {
 .interview-detail-about-ms-illu img { width: 100%; max-width: 200px; height: auto;}
}