diff --git a/css/layout.css b/css/layout.css index 19a2188..aa59db5 100644 --- 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; -} \ No newline at end of file +} + diff --git a/i1.html b/i1.html index 30a0cc0..659ceb8 100644 --- a/i1.html +++ b/i1.html @@ -6,7 +6,7 @@
- +