From 194c7355418717d4af553c537569725fdba7e67c Mon Sep 17 00:00:00 2001
From: Emil Miler <em@0x45.cz>
Date: Sat, 18 Feb 2023 12:08:09 +0100
Subject: [PATCH] Gap, alignment and text transform

---
 index.html      | 12 ++++++------
 sass/style.scss |  6 +++++-
 2 files changed, 11 insertions(+), 7 deletions(-)

diff --git a/index.html b/index.html
index 50d648a..12da384 100644
--- a/index.html
+++ b/index.html
@@ -38,11 +38,11 @@
 		</div>
 		<section>
 		</section>
-		<section>
+		<section class="wrap">
 			<h1>Obecné Zásady</h1>
 			<p>Ut vel mattis leo. Ut rutrum id urna eget congue. Vestibulum sed lobortis magna, eget hendrerit tortor. Nulla tempus viverra neque, in egestas quam aliquet eu. Curabitur tempor eros ac ante bibendum, quis hendrerit odio vehicula. Cras consectetur tellus sit amet ante semper, pharetra gravida nisl laoreet. Donec vel condimentum nisi. Aliquam lorem est, consequat eget diam et, sollicitudin tincidunt risus.</p>
 		</section>
-		<section>
+		<section class="wrap">
 			<h1>Učitleský checklist</h1>
 			<p>Phasellus porta, velit sit amet varius laoreet, libero ex hendrerit diam, et commodo magna est non odio. Donec lacinia fringilla egestas. Nullam quis urna sit amet eros dignissim varius in non justo. In hac habitasse platea dictumst. Maecenas quis nisi mollis, fringilla justo et, eleifend purus. Donec convallis fringilla sem.</p>
 			<div class="checklist">
@@ -69,11 +69,11 @@
 				</div>
 			</div>
 		</section>
-		<!--<section>
+		<section class="wrap">
 			<h1>Vzorové příběhy</h1>
 			<p>Donec dapibus quis dui at interdum. Vivamus vel libero lorem. Suspendisse eu hendrerit lorem. Suspendisse nec nisi quis sem venenatis sagittis. Etiam ut porttitor dolor. Integer in tristique quam.</p>
 		</section>
-		<section>
+		<section class="wrap">
 			<h1>Na koho se obrátit</h1>
 			<p>Na koho se obrátit a kde najít pomoc? Níže najdete stručný seznam kontaktů na organizace a instituce, které se touto problematikou zabývají a mohou vám poskytnout odbornou výpomoc.</p>
 			<div class="contact-list">
@@ -88,13 +88,13 @@
 				</div>
 			</div>
 		</section>
-		<section class="partners">
+		<section class="wrap partners">
 			<img src="/static/placeholder-logo.svg" alt="Placeholder">
 			<img src="/static/placeholder-logo.svg" alt="Placeholder">
 			<img src="/static/placeholder-logo.svg" alt="Placeholder">
 			<img src="/static/placeholder-logo.svg" alt="Placeholder">
 			<img src="/static/placeholder-logo.svg" alt="Placeholder">
-		</section>-->
+		</section>
 		<section>
 			<h1>FAQ</h1>
 			<div class="faq-list">
diff --git a/sass/style.scss b/sass/style.scss
index 21365b5..0c5e7db 100644
--- a/sass/style.scss
+++ b/sass/style.scss
@@ -38,7 +38,10 @@ img {
 h1, h2, h3, h4, h5, h6 {
 	text-align: center;
 }
-h1 { font-size: 2.178rem }
+h1 {
+	font-size: 2.178rem;
+	text-transform: uppercase;
+}
 
 .text-bold {
 	font-weight: bold;
@@ -110,6 +113,7 @@ section {
 
 .checklist {
 	display: flex;
+	justify-content: center;
 	gap: 1em;
 	overflow: visible;
 	margin-top: 3em;