Nová loga v patičce

index.html

@@ -186,12 +186,20 @@
 		</section>
 
 		<footer>
+			<div class="wrap">
+				<a href="https://www.nadacecs.cz" class="nadacecs">
+					<img src="img/logo-nadacecs.svg" alt="Nadace České spořitelny">
+				</a>
 				<a href="https://pedf.cuni.cz">
-				<img src="img/logo-pedf.svg" alt="PedF" class="pedf">
+					<img src="img/logo-pedf.svg" alt="Pedagogická fakulta">
 				</a>
-			<a href="https://www.nadacecs.cz">
-				<img src="img/logo-nadacecs.svg" alt="Nadace České spořitelny">
+				<a href="http://kppp.pedf.cuni.cz">
+					<img src="img/logo-kmdm.svg" alt="Katedra preprimární a primární pedagogiky">
+				</a>
+				<a href="http://kmdm.pedf.cuni.cz">
+					<img src="img/logo-kppp.svg" alt="Katedra matematiky a didaktiky matematiky">
 				</a>
+			</div>
 		</footer>
 
 	</main>

style.css

@@ -154,20 +154,21 @@ main .articles .list article a {
 main .articles .list article:hover h3 { text-decoration: underline }
 
 footer {
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	flex-wrap: wrap;
-
 	margin: 15em auto;
 	padding: 1em;
 }
+footer .wrap {
+	display: grid;
+	grid-template-columns: repeat(3, 1fr);
+	grid-column-gap: 2em;
+	grid-row-gap: 4em;
+	justify-items: center;
+}
 footer img {
-	width: 18em;
-	margin: 2em;
+	height: 5em;
 	transition: transform .2s ease-out;
 }
-footer img.pedf { width: 10em }
+footer a.nadacecs { grid-column: 1 / -1 }
 footer img:hover { transform: scale(1.1) }
 
 .modal {
@@ -255,6 +256,7 @@ footer img:hover { transform: scale(1.1) }
 	main .articles .list,
 	main .phases .wrap>div,
 	main .team .modal .content,
+	footer .wrap,
 	.fancyheader .wrap {
 		grid-template-columns: 1fr;
 	}