Lekcja 3

assets/css/baza.css

@@ -45,7 +45,7 @@ body {
     user-select: none;    
 }
 
-h1, h2, h3, h4, h5, h6, p {
+h1, h2, h3, h4, h5, h6, p, sub {
     margin: 0%;
 }
 
@@ -77,18 +77,22 @@ overflow-x-auto {
     overflow-x: auto;
 }
 
-@media (width: 600px) {
+@media (width >= 600px) {
     h1 {
-        font-size: initial;
+        font-size: 1.75rem;
     }
     h2 {
-        font-size: initial;
+        font-size: 1.3rem;
     }
     h3 {
-        font-size: initial;
+        font-size: 1.2rem;
     }
     h4 {
-        font-size: initial;
+        font-size: 1.1rem;
+    }
+
+    ol, ul {
+        padding-left: 1.5rem;
     }
 }
 
@@ -195,4 +199,34 @@ input[type="range"]::-moz-range-thumb {
     height: 1rem;
     background: var(--colorMauve);
     cursor: pointer;
+}
+
+/* Tabele */
+table {
+    width: 100%;
+    border: .15rem solid var(--colorSurface2);
+    margin: .5rem;
+    padding: 0%;
+}
+
+table .lp {
+    text-align: right;
+}
+
+table tr {
+    padding: 0%;
+    border: .15rem solid var(--colorSurface2);
+    font-size: 1.2rem;
+}
+
+table thead tr {
+    background-color: var(--colorSurface2) !important;
+}
+
+table tbody tr:nth-child(even) {
+    background-color: var(--colorBase);
+}
+
+table tbody tr:nth-child(odd) {
+    background-color: var(--colorSurface1);
 }

assets/css/liczby.css

@@ -247,7 +247,23 @@ input[type="number"] {
 }
 
 #gra table {
+    width: unset;
     margin: auto;
+    border: none;
+}
+
+table tr {
+    padding: 0%;
+    border: .15rem solid var(--colorSurface2);
+    font-size: 1.2rem;
+}
+
+table tbody tr:nth-child(even) {
+    background-color: transparent;
+}
+
+table tbody tr:nth-child(odd) {
+    background-color: transparent;
 }
 
 #gra td {

assets/css/main.css

@@ -125,7 +125,7 @@ footer div div ul {
     display: none;
 }
 
-@media (width: 600px) {
+@media (width >= 600px) {
     #extra {
         display: flex;
     }

assets/js/nawigacja.js

@@ -9,6 +9,7 @@ const linki = [
         { nazwa: "JS. Podstawowe Zad.", link: "/js-podstawy.html" },
         { nazwa: "JS. Zad. Warunkowe", link: "/js-warunkowe.html" },
         { nazwa: "Liczby", link: "/liczby.html" },
+        { nazwa: "Tabele", link: "/tabele.html" },
     ]
 ];