add comments

2025-09-04 13:00:25 +02:00 · 2025-09-04 13:00:25 +02:00 · a9e4b4bafb
commit a9e4b4bafb
parent 63060a9db8
2 changed files with 13 additions and 2 deletions
--- a/css/layout.css
+++ b/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%;
@ -21,4 +30,5 @@ header img {
    color: white;
    font-size: 48px;
    font-weight: bold;
-}
+}
+
--- a/i1.html
+++ b/i1.html
@ -6,7 +6,7 @@
    <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>
@ -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>