From 21c4d5bbcb9d2889cdfd6303356652d954e9acb3 Mon Sep 17 00:00:00 2001
From: Emil Miler <emil.miler@pedf.cuni.cz>
Date: Wed, 31 Mar 2021 10:13:45 +0200
Subject: [PATCH] =?UTF-8?q?Z=C3=A1klady=20responzivity?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 sass/main.scss | 33 +++++++++++++++++++++++++++------
 1 file changed, 27 insertions(+), 6 deletions(-)

diff --git a/sass/main.scss b/sass/main.scss
index 248996d..8cd1603 100644
--- a/sass/main.scss
+++ b/sass/main.scss
@@ -464,21 +464,23 @@ footer {
 		ul {
 			display: flex;
 			justify-content: center;
+			flex-wrap: wrap;
 
-			a { padding: 1em }
+			a {
+				padding: .5em 1em;
+				display: inline-block;
+			}
 			a:hover{ text-decoration: underline }
 			li::after {
 				content: "\007C";
 				color: #4C566A;
 			}
-			li:last-child::after {
-				display: none;
-			}
+			li:last-child::after { display: none }
 		}
 	}
 }
 
-div.rambotron {
+.rambotron {
 	width: 100%;
 	text-align: center;
 	color: #ECEFF4;
@@ -494,6 +496,7 @@ div.rambotron {
 	p {
 		max-width: 40em;
 		margin: 0 auto;
+		padding: 0 1em;
 		line-height: 1.5;
 		font-size: .9rem;
 	}
@@ -505,6 +508,7 @@ div.rambotron {
 		ul {
 			display: flex;
 			justify-content: center;
+			flex-wrap: wrap;
 
 			a {
 				display: block;
@@ -519,7 +523,7 @@ div.rambotron {
 	}
 }
 
-div.breadcrumbs {
+.breadcrumbs {
 	border-top: 1px solid $light-blue;
 	font-size: .9em;
 
@@ -577,3 +581,20 @@ table {
 		border-collapse: collapse;
 		border-spacing: 0;
 }
+
+
+@media screen and (max-width: 950px){
+	main .blocks { grid-template-columns: 1fr }
+	main .websites { grid-template-columns: 1fr 1fr 1fr }
+	main .people-list .group { grid-template-columns: 1fr }
+}
+
+@media screen and (max-width: 640px){
+	main .websites { grid-template-columns: 1fr 1fr }
+	.rambotron {
+		.links ul {
+			flex-direction: column;
+			a { margin: 0 }
+		}
+	}
+}