3 changed files with 22 additions and 28 deletions
--- a/css/layout.css
+++ b/css/layout.css
@ -14,14 +14,6 @@ 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%;
@ -32,10 +24,6 @@ header img {
    font-weight: bold;
 }

-/* 
-nav (menu) i footer (stopka) mają ciemnoszare tło (#625B5B), biały tekst i padding.
-text-align: center – centruje zawartość. 
-*/
 nav, footer {
    background-color: #625B5B;
    color: white;
@ -43,16 +31,6 @@ nav, footer {
    text-align: center;
 }

-/* 
-a w nav to linki:
-font-weight: bold – pogrubienie
-background-color: #EAEAEA – jasny tło przycisków
-color: #625B5B – ciemny kolor tekstu
-padding: 10px – przestrzeń wewnątrz przycisku
-margin: 50px – duża przestrzeń między linkami
-border-radius: 20px – zaokrąglone rogi
-text-decoration: none – usuwa podkreślenie linków 
-*/
 nav a {
    font-weight: bold;
    background-color: #EAEAEA;
@ -67,4 +45,24 @@ nav a:hover {
    background-color: #625B5B;
    color: #EAEAEA;
    border: 1px solid #EAEAEA;
-}
+}
+
+ul {
+    margin-left: 40px;
+    list-style-type: circle;
+}
+
+table {
+    border: 1px dashed #625B5B;
+    width: 60%;
+    margin-left: 40px;
+    text-align: center;
+}
+
+.kontrolki {
+    margin: 5px;
+}
+
+main {
+    padding: 20px;
+}
--- a/i1.html
+++ b/i1.html
@ -6,19 +6,15 @@
    <link rel="stylesheet" href="css/layout.css">
 </head>
 <body>
-
    <header>
        <img src="imgs/baner.png" alt="kursy komputerowe">
-        <div class="header-text">Kursy komputerowe</div>
+        <div class="header-text">hello</div>
    </header>
-
-
    <nav>
        <a href="i1.html">Strona główna</a>
        <a href="raty.html">Koszt rat</a>
        <a href="https://moje-szkolenia.pl/">Nasz partner</a>
    </nav>
-    
    <main>
        <h3>Kursy komputerowe - programowanie</h3>
        <table>
--- a/imgs/baner.png
+++ b/imgs/baner.png