Responsivní web oprava

index.html

@@ -39,8 +39,8 @@
 
     <div class="flexbox">
         <div class="navigation">
-            <div class="dropdown-content
-            ">
+            <!-- <div class="dropdown-content
+            "> -->
             <table>
                 <caption>
                     Rubriky:
@@ -71,7 +71,7 @@
                 </tr>
             </table>
         </div>
-        </div>
+        <!-- </div> -->
 
 
         <div class="content">
@@ -101,6 +101,8 @@
                 nebo uděláte dle tohoto webu tak jen na Vaši zodpovědnost.
             </p>
         </div>
+
+
         <div class="articles">
             <table>
                 <caption>

style.css

@@ -24,9 +24,15 @@ body {
   display: inline-block;
   width: 200px;
   height: 20px;
-  position: static;
+  /* position: static;
+  text-align: center; */
+}
+
+@media screen and (max-width: 600px) {
+  .menu {
     text-align: center;
   }
+}
 
 .flexbox {
   display: flex;
@@ -53,7 +59,8 @@ body {
   /* ˇPořadí zobrazení */
   .navigation {
     order: -1;
-    flex-direction: column;
+    /* flex-direction: column; */
+    align-self: center;
   }
 
   /* škrývání */
@@ -62,10 +69,9 @@ body {
   } */
 
   /* roletka posuvník */
-  .dropdown-content {
-    overflow: auto;
-    max-height: 100px; /* or any other value */
-  }
+  /* .dropdown-content {
+    overflow: auto; */
+  /* max-height: 100px; or any other value */
 
   .content {
     order: 1;