diff --git a/index.html b/index.html
index ecc08ec..007c229 100644
--- a/index.html
+++ b/index.html
@@ -135,29 +135,29 @@
 
 		<section class="articles">
 			<div class="wrap">
-				<div class="header">
-					<h2>Články</h2>
+				<h2>Články</h2>
+				<div>
 					<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 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>
 			</div>
 		</section>
diff --git a/style.css b/style.css
index 9e2e6bf..ab2ca0c 100644
--- a/style.css
+++ b/style.css
@@ -117,20 +117,26 @@ main .team figure label {
 	font-weight: bold;
 }
 
-main .articles .header {
+main .articles .wrap {
 	display: grid;
 	grid-template-columns: 1fr 4fr;
-	grid-column-gap: 1em;
-	align-items: baseline;
+	grid-column-gap: 3em;
 
 	margin-bottom: 4em;
-	border-bottom: 1px solid var(--color-blue);
 }
+main .articles .wrap>h2,
+main .articles .wrap>div {
+	margin: 0;
+	padding-top: 2rem;
+}
+main .articles .wrap>h2 { border-top: 3px solid var(--color-blue) }
+main .articles .wrap>div { border-top: 3px solid #d6e2ff }
 main .articles .list {
 	display: grid;
 	grid-template-columns: repeat(2, 1fr);
 	grid-column-gap: 2em;
 	grid-row-gap: 2em;
+	margin-top: 4em;
 }
 main .articles .list article a {
 	color: inherit;
@@ -212,7 +218,9 @@ footer img:hover { transform: scale(1.1) }
 		grid-column-gap: 1em;
 	}
 
+	main .articles .wrap,
 	main .articles .list { grid-template-columns: 1fr }
+	main .articles .wrap>div { border-top: 0 }
 
 	footer { margin: 5em auto }