update 3 images and css

assets/style.css

@@ -8,23 +8,27 @@ body, html {
     align-items: center;
 }
 
-header {
+header nav {
-    background-color: #333;
     display: flex;
     align-items: center;
+    flex-grow: 1;
 }
 
 header nav ul {
     display: flex;
+    align-items: center;
+    flex-direction: row;
     list-style: none;
     margin: 0;
     padding: 0;
     justify-content: center;
+    width: 100%;
 }
 
 header nav ul li {
     position: relative;
     margin: unset;
+    flex: 1;
 }
 
 header nav ul li a, header nav ul li p {
@@ -68,13 +72,14 @@ header nav ul li .submenu li a {
     padding: 20px;
 }
 
-footer {
+footer, header {
     background-color: #333;
     color: white;
     text-align: center;
     padding: 10px 0;
     display: flex;
     align-items: center;
+    width: 100%;
 }
 
 h1, h2, h3, h4, h5, h6 {

stranky/galeria.html

@@ -0,0 +1,9 @@
+<div class="gallery-entry">
+    <p>Môj forklift</p>
+    <img src="/assets/images/forklift.png" width='1500' height="1051" alt="forklift">
+</div>
+
+<div class="gallery-entry">
+    <p>Môj forklift</p>
+    <img src="/assets/images/forklift.png" width='1500' height="1051" alt="forklift">
+</div>

stranky/pro.html

@@ -1 +1 @@
-<h1>Pokročilá služba obsahuje všetko čo zákazník si požiada</h1>
+<h1>Pokročilá služba obsahuje všetko čo si zákazník požiada</h1>

templates/header.html

@@ -3,6 +3,7 @@
         <li><a href="/index">Domovská stránka</a></li>
         <li><a href="/onas">O nás</a></li>
         <li><a href="/kontakt">Kontakt</a></li>
+        <li><a href="/galeria">Galéria</a></li>
         <li class="dropdown">
             <p>Služby</p>
             <ul class="submenu">