From 22b4e5224f8307fcc81de14baeb47bfd824d8116 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Lukas=20Sch=C3=B6nsgibl?= <lukas@schoensgibl.com>
Date: Sat, 17 Oct 2020 08:33:09 +0200
Subject: [PATCH] mobile polish profile page

---
 ivatar/static/css/libravatar_base.css | 17 +++++++++++++++--
 1 file changed, 15 insertions(+), 2 deletions(-)

diff --git a/ivatar/static/css/libravatar_base.css b/ivatar/static/css/libravatar_base.css
index 4e2b10f..3fbd32b 100644
--- a/ivatar/static/css/libravatar_base.css
+++ b/ivatar/static/css/libravatar_base.css
@@ -82,14 +82,17 @@ h2 {
   letter-spacing: 0.05rem;
   font-weight: 500;
 }
-
 h3 {
   font-family: 'Lato', sans-serif;
   font-size: 24px;
   margin-bottom: 2rem;
   color: #545454;
 }
-
+ @media only screen and (max-width: 470px) {
+   h3{
+     font-size: 20px;
+   }
+}
 h4 {
   font-family: 'Lato', sans-serif;
   font-size: 25px;
@@ -791,6 +794,11 @@ color:#335ECF;
   grid-gap: 0;
   grid-template-columns: 20% 80%;
 }
+@media only screen and (max-width: 700px) {
+  .profile-container {
+    grid-template-columns: 40% 60%;
+  }
+}
 .profile-container > div, profile-container > img {
   text-align: center;
 }
@@ -820,6 +828,11 @@ h3.panel-title{
 .profile-container > h3{
   padding-top: 26px;
 }
+@media only screen and (max-width: 470px) {
+  .profile-container > h3{
+    padding-top: 20px;
+  }
+}
 .profile-container.active > h3{
   padding-top: 12px;
 }