a lil bit of tweaks for addaptive, some unification

style/main.css

@@ -23,10 +23,6 @@ html, body {
     transition: background-color 0.2s ease;
 }
 
-
-
-
-
 nav {
     display: flex;
     overflow: hidden;
@@ -72,54 +68,15 @@ nav > a > div {
     overflow: hidden;
 }
 
-
-@media only screen and (max-width : 640px) {
-	nav {
-	    display: block;
-	    overflow: hidden;
-	    background-color: #93ff83;
-	}
-
-	nav > a {
-	    padding: 20px;
-	    flex: auto;
-	    display: block;
-	    box-sizing: content-box;
-	    text-decoration: none;
-	    font-weight: bold;
-	    color: inherit;
-	    text-align: center;
-	    background-color: transparent;
-	    font-size: 18px;
-
-	    transition: background-color 0.2s ease;
-	}
-
-	nav > a.current {
-	    background-color: #5db9ef;
-	}
-
-	nav > a:hover,
-	.button:hover {
-	    background-color: rgba(0, 0, 0, 0.2);
-	}
-
-	nav > a.current:hover {
-	    background-color: #5397ca;
-	}
-
-	nav > a:visited {
-	    color: inherit;
-	}
-
-	nav > a > div {
-	    position: relative;
-	    top: 50%;
-	    transform: translateY(-50%);
-	    overflow: hidden;
-	}
+.floatLeft {
+    float: left;
 }
 
+.floatRight {
+    float: right;
+}
+
+
 .mainContainer {
     font-size: 14px;
     color: #333;
@@ -158,7 +115,6 @@ nav > a > div {
 
 .mainContainer p {
     margin: 5px 5px 0 10px;
-
 }
 
 .mainContainer strong {
@@ -181,6 +137,11 @@ nav > a > div {
     margin: 15px 0 15px 15px;
 }
 
+.mainContainer img.floatLeft,
+.mainContainer iframe.floatLeft {
+    margin: 15px 15px 15px 0;
+}
+
 .c1 {
     color: aliceblue;
     background-color: darkred;
@@ -235,4 +196,33 @@ nav > a > div {
   	box-sizing: border-box;
 }
 
+img, iframe {
+    max-width: 100%;
+}
 
+@media only screen and (max-width : 640px) {
+    nav {
+        display: block;
+        overflow: hidden;
+        background-color: #93ff83;
+    }
+
+    .mainContainer > nav > a {
+        margin: 10px;
+    }
+
+    .mainContainer > nav > a > div {
+        transform: initial;
+        top: 0;
+        position: static;
+    }
+
+    .floatRight {
+        float: none;
+    }
+
+    .mainContainer img,
+    .mainContainer iframe {
+        margin: 15px 0;
+    }
+}