From 01db74dc6ea00755adeca07c774b4f7365fbcc40 Mon Sep 17 00:00:00 2001
From: lukas-heiligenbrunner <lheilige@htl-steyr.ac.at>
Date: Fri, 20 Mar 2020 17:53:16 +0100
Subject: [PATCH] improved floating of title in experience.css

---
 css/contact.css    |  9 ++++++++-
 css/experience.css | 11 ++++++++---
 2 files changed, 16 insertions(+), 4 deletions(-)

diff --git a/css/contact.css b/css/contact.css
index 271dd9d..3a6e357 100644
--- a/css/contact.css
+++ b/css/contact.css
@@ -45,4 +45,11 @@
 
 #section5 {
     height: 50%;
-}
\ No newline at end of file
+}
+
+/* Screen smaller than 600px -- general small width screens */
+@media screen and (max-width: 1200px) {
+    #section5 {
+        height: 100%;
+    }
+}
diff --git a/css/experience.css b/css/experience.css
index e01cf8c..243f9dc 100644
--- a/css/experience.css
+++ b/css/experience.css
@@ -92,26 +92,31 @@
     }
 
     .tab {
-        display: inline-block;
+        display: inline;
         width: auto;
         /*float: left;*/
         margin: 2px;
         border: 0.5mm solid hsla(0, 100%, 50%, 0);
         padding: 2px 2px 2px 0;
         clear: none;
-        margin-bottom: 70px;
+        margin-bottom: 20px;
     }
 
     #tab1 + .tab {
         margin-left: 15px;
     }
 
+    #tab4 + .tab {
+        float: none;
+        display: block;
+    }
+
     .content {
         position: static;
         display: block;
         float: none;
         width: auto;
-        height: 450px;
+        height: 350px;
     }
 
     .ratiobtn:checked + .tab {