Obrázek v modalu u realizátorů

index.html

@@ -89,10 +89,13 @@
 						</label>
 						<div class="modal" id="slezakova">
 							<div class="content">
+								<img src="img/team/jana-slezakova.jpg" alt="Jana Slezáková">
+								<div>
 									<p><strong>PhDr. Jana Slezáková, Ph.D.</strong> vystudovala PedF UK a doktorát získala na téže fakultě. Vyučuje na Pedagogické fakultě UK v&nbsp;Praze, kde se zabývá především didaktikou matematiky 1.&nbsp;stupně ZŠ a vede pedagogickou praxi studentů. Je spoluautorkou učebnic matematiky pro 1.&nbsp;stupeň ZŠ, které vyšly v&nbsp;letech 2018&ndash;2020 (učebnice pro 1.&nbsp;až 3.&nbsp;ročník Hejný a kol., další ročníky se připravují). Též je spoluautorkou Předmatematiky &mdash; Metodiky pro učitele mateřských škol (Hejného metoda), která vyšla v&nbsp;roce 2020. Je lektorkou a tutorkou (připravuje k&nbsp;lektorování budoucí lektory) ve společnosti H-mat, o.p.s. (<a href="https://www.h-mat.cz">www.h-mat.cz</a>). Poskytuje jak na PedF UK, tak ve společnosti H-mat, o.p.s kolegiální podporu učitelům v&nbsp;oblasti vyučování matematice.</p>
 									<p>V projektu SPIN má na starost na katedře KMDM garantování aktivit výuky, podílí se na tandemové výuce a vedení absolventských kaváren. Též se podílí na propojování spolupráce PedF UK a H-mat, o.p.s.</p>
 								</div>
 							</div>
+						</div>
 					</figure>
 					<figure onclick="modal_toggle('vallin')">
 						<img src="img/team/petra-vallin.jpg" alt="Petra Vallin">
@@ -101,10 +104,13 @@
 						</label>
 						<div class="modal" id="vallin">
 							<div class="content">
+								<img src="img/team/petra-vallin.jpg" alt="Petra Vallin">
+								<div>
 									<p><strong>PhDr. Petra Vallin, Ph.D.</strong> vystudovala Učitelství pro 1.&nbsp;stupeň se specializací angličtina, kterou pak 10 let vyučovala. Aktuálně se věnuje lektorování seminářů a workshopů o&nbsp;inovacích ve vzdělávání, pilotování inovativních programů na ZŠ a koordinaci rozvojových projektů. Spolupracuje s&nbsp;International Training Center, Educentrem, NPI ČR, MŠMT a dalšími institucemi. Na Pedagogické fakultě UK vyučuje několik kurzů pro zahraniční studenty, podílí se na tandemové výuce didaktiky 1. stupně ZŠ a je zapojena do několika projektů týkajících se formativního hodnocení a propojování teorie a praxe. Působí jako metodik a lektor CLIL. Je spoluautorkou publikace <i>CLIL: Inovativní přístup nejen k&nbsp;výuce cizích jazyků.</i></p>
 									<p>V projektu SPIN zastává roli projektového manažera.</p>
 								</div>
 							</div>
+						</div>
 					</figure>
 					<figure onclick="modal_toggle('jirotkova')">
 						<img src="img/team/darina-jirotkova.jpg" alt="Darina Jirotková">
@@ -113,11 +119,14 @@
 						</label>
 						<div class="modal" id="jirotkova">
 							<div class="content">
+								<img src="img/team/darina-jirotkova.jpg" alt="Darina Jirotková">
+								<div>
 									<p><strong>doc. RNDr. Darina Jirotková, Ph.D.</strong> vystudovala MFF UK v&nbsp;Praze. Docenturu získala v&nbsp;oboru didaktika matematiky na Pedagogické fakultě UK v&nbsp;Praze, kde vyučuje na Katedře matematiky a didaktiky matematiky.</p>
 									<p>Je členkou oborové rady didaktiky matematiky pro doktorská studia, školí doktorandy. Podílela se na koncepci geometricky zaměřených předmětů v&nbsp;přípravě učitelů 1.&nbsp;st. ZŠ a v&nbsp;poslední době se orientuje zejména na oblast didaktiky matematiky 1. stupně ZŠ. Podílí se na rozvoji Hejného metody vyučování matematice. Je spoluautorkou sady učebnic matematiky Hejného metodou a doprovodných materiálů pro 1.&nbsp;stupeň ZŠ a 6.&nbsp;a 7.&nbsp;roč. 2.&nbsp;st.&nbsp;ZŠ. Je lektorkou a tutorkou Hejného metody, školí lektory Hejného metody ve společnosti H-mat, o.p.s. Zde je též zapojena do projektu Kolegiální podpora jako tuto a lektor. Je členkou národního kabinetu Matematika a její aplikace v&nbsp;projektu SYPO - Systém podpory profesního rozvoje učitelů a ředitelů, NPI ČR,  kde se podílí i na tvorbě metodických materiálů. Je též členkou jádrového týmu ESF projektu PPUČ, NPI ČR - Podpora práce učitelů.</p>
 									<p>V projektu SPIN má na starost na katedře KMDM garantování výukových aktivit, koordinaci tandemové výuky a vedení absolventských kaváren. Přispívá rozvoji spolupráce PedF UK s&nbsp;H-mat, o.p.s. zejména v&nbsp;oblasti propojování teorie a praxe.</p>
 								</div>
 							</div>
+						</div>
 					</figure>
 					<figure onclick="modal_toggle('kargerova')">
 						<img src="img/team/jana-poche-kargerova.jpg" alt="Jana Poche Kargerová">
@@ -126,10 +135,13 @@
 						</label>
 						<div class="modal" id="kargerova">
 							<div class="content">
+								<img src="img/team/jana-poche-kargerova.jpg" alt="Jana Poche Kargerová">
+								<div>
 									<p><strong>PhDr. Jana Poche Kargerová, Ph.D.</strong> vystudovala FF UK v&nbsp;Praze, doktorát získala na PedF UK. Vyučuje na Pedagogické fakultě UK v&nbsp;Praze, kde se zabývá především didaktikou 1.&nbsp;stupně ZŠ a organizací pedagogických praxí včetně kurzu mentoringu pro fakultní učitele. Je lektorkou vzdělávacího programu Začít spolu a spoluautorkou <i>Metodického průvodce pro 1.&nbsp;stupeň základní školy tohoto programu</i>. Je také autorkou publikace <i>Spolupráce s&nbsp;rodinou a komunitou v&nbsp;programu Začít spolu</i>. Prostřednictvím lektorské činnosti a skupinové reflexe WANDA poskytuje pedagogům podporu v&nbsp;rozvoji jejich profesních kompetencí. Zaměřuje se na implementaci vzájemné kolegiální podpory v&nbsp;základních i mateřských školách.</p>
 									<p>V projektu SPIN má na starost garantování tandemové výuky na KPPP, vedení absolventských kaváren a propojování spolupráce PedF UK a Step by Step, o.p.s.</p>
 								</div>
 							</div>
+						</div>
 					</figure>
 				</div>
 			</div>

style.css

@@ -126,6 +126,11 @@ main .team figure label {
 	margin-top: 1rem;
 	font-weight: bold;
 }
+main .team .modal .content {
+	display: grid;
+	grid-template-columns: 1fr 2fr;
+	grid-column-gap: 2em;
+}
 
 main .articles .list {
 	display: grid;
@@ -229,12 +234,6 @@ footer img:hover { transform: scale(1.1) }
 		grid-column-gap: 1em;
 	}
 
-	main .articles .list,
-	main .phases .wrap>div,
-	.fancyheader .wrap {
-		grid-template-columns: 1fr;
-	}
-
 	footer { margin: 5em auto }
 
 	.modal .content {
@@ -246,5 +245,12 @@ footer img:hover { transform: scale(1.1) }
 
 	.fancyheader .wrap>div { border-top: 0 }
 
+	main .articles .list,
+	main .phases .wrap>div,
+	main .team .modal .content,
+	.fancyheader .wrap {
+		grid-template-columns: 1fr;
+	}
+
 }