diff --git a/css/styles.css b/css/styles.css index b362344..ef59c45 100644 --- a/css/styles.css +++ b/css/styles.css @@ -31,41 +31,42 @@ } header { - background-color: var(--surface); - padding: 2rem; - text-align: center; - box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); - z-index: 10; - } - - header .container { - padding: 0.5rem; display: flex; align-items: center; - gap: 0.5rem; + justify-content: space-between; + height: 120px; /* stała wysokość headera */ + padding: 0 2rem; } - - header h1 { - margin-bottom: 0; - font-size: 1.5rem; - } - - header p { - margin: 0; - font-size: 0.875rem; - } - .photo-container { - flex-shrink: 0; - margin-right: 0.5rem; + flex: 0 0 auto; + margin-right: 2rem; } - - .profile-photo { - height: 3em; /* lekko większe niż tekst, ale nie rozciąga headera */ - width: 3em; + .photo-container img { + height: 100%; /* dopasuj do wysokości headera */ + width: auto; border-radius: 50%; object-fit: cover; - vertical-align: middle; + } + .header-info { + flex: 1 1 auto; + display: flex; + flex-direction: column; + justify-content: center; + } + .header-info h1 { + margin: 0; + font-size: 1.8rem; + } + .header-info p { + margin: 0.5rem 0; + font-size: 1rem; + } + .contact-links { + display: flex; + gap: 1.5rem; + } + .language-switch { + flex: 0 0 auto; } .header-top h1 { diff --git a/index.html b/index.html index 2b35921..bf3e3c7 100644 --- a/index.html +++ b/index.html @@ -14,7 +14,7 @@
- Bartłomiej Piekarski + Bartłomiej Piekarski

Bartłomiej Piekarski