INF.03-01-25.01-SG/css/layout.css

35 lines
757 B
CSS
Raw Normal View History

body {
font-family: Helvetica;
background-color: #EAEAEA;
margin: 0;
padding: 0;
2025-09-04 10:54:12 +00:00
}
header {
position: relative;
text-align: center;
}
header img {
width: 100%;
}
2025-09-04 11:00:25 +00:00
/*
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.
*/
2025-09-04 10:54:12 +00:00
.header-text {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: white;
font-size: 48px;
font-weight: bold;
2025-09-04 11:00:25 +00:00
}