add comments

css/layout.css

@@ -13,6 +13,15 @@ header {
 header img {
     width: 100%;
 }
+
+/* 
+    position: absolute – wyrzuca tekst z normalnego przepływu strony i umieszcza go nad obrazkiem.
+    top: 50%; left: 50% – zaczyna od środka nagłówka.
+    transform: translate(-50%, -50%) – przesuwa tekst o połowę jego szerokości/wysokości, by był idealnie wyśrodkowany.
+    color: white – biały tekst na ciemnym tle obrazka.
+    font-size: 48px – duży tekst. 
+*/
+
 .header-text {
     position: absolute;
     top: 50%;
@@ -22,3 +31,4 @@ header img {
     font-size: 48px;
     font-weight: bold;
 }
+

i1.html

@@ -18,6 +18,7 @@
         <a href="raty.html">Koszt rat</a>
         <a href="https://moje-szkolenia.pl/">Nasz partner</a>
     </nav>
+    
     <main>
         <h3>Kursy komputerowe - programowanie</h3>
         <table>