From bf6c8d858699c87245c36c284884facd920f1cea Mon Sep 17 00:00:00 2001
From: Emil Miler <emil.miler@pedf.cuni.cz>
Date: Thu, 24 Jun 2021 09:43:14 +0200
Subject: [PATCH] =?UTF-8?q?Sekce=20se=20=C4=8Dl=C3=A1nky?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 index.html | 29 +++++++++++++++++++++++++++++
 style.css  | 22 +++++++++++++++++++++-
 2 files changed, 50 insertions(+), 1 deletion(-)

diff --git a/index.html b/index.html
index aa60ac3..9cceb0b 100644
--- a/index.html
+++ b/index.html
@@ -108,6 +108,35 @@
 			</div>
 		</section>
 
+		<section class="articles">
+			<div class="wrap">
+				<div class="header">
+					<h2>Články</h2>
+					<p>Zde jsou odkazy na články, ve kterých byl projekt zmíněn.</p>
+				</div>
+				<div class="list">
+					<article>
+						<a href="#">
+							<h3>Lorem Ipsum</h3>
+							<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ullamcorper dignissim cras tincidunt lobortis feugiat vivamus. Et leo duis ut diam quam. A scelerisque purus semper eget duis at.</p>
+						</a>
+					</article>
+					<article>
+						<a href="#">
+							<h3>Lorem Ipsum</h3>
+							<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ullamcorper dignissim cras tincidunt lobortis feugiat vivamus. Et leo duis ut diam quam. A scelerisque purus semper eget duis at.</p>
+						</a>
+					</article>
+					<article>
+						<a href="#">
+							<h3>Lorem Ipsum</h3>
+							<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ullamcorper dignissim cras tincidunt lobortis feugiat vivamus. Et leo duis ut diam quam. A scelerisque purus semper eget duis at.</p>
+						</a>
+					</article>
+				</div>
+			</div>
+		</section>
+
 	</main>
 </body>
 </html>
diff --git a/style.css b/style.css
index aede998..c4add50 100644
--- a/style.css
+++ b/style.css
@@ -94,7 +94,7 @@ main .team h2 {
 main .team .list {
 	display: grid;
 	grid-template-columns: repeat(4, 1fr);
-	column-gap: 2em;
+	grid-column-gap: 2em;
 }
 main .team figure {
 	background-color: #fff;
@@ -108,3 +108,23 @@ main .team figure label {
 	font-weight: bold;
 }
 
+main .articles .header {
+	display: grid;
+	grid-template-columns: 1fr 4fr;
+	align-items: baseline;
+	margin-bottom: 4em;
+	border-bottom: 1px solid #324c9c;
+}
+main .articles .list {
+	display: grid;
+	grid-template-columns: repeat(2, 1fr);
+	grid-column-gap: 2em;
+	grid-row-gap: 2em;
+}
+main .articles .list article a {
+	color: inherit;
+	text-decoration: none;
+	cursor: pointer;
+}
+main .articles .list article:hover h3 { text-decoration: underline }
+