diff --git a/v4/components/header.php b/v4/components/header.php index 31351c1..0021fbe 100644 --- a/v4/components/header.php +++ b/v4/components/header.php @@ -7,6 +7,5 @@ Projekty Kontakt -
diff --git a/v4/css/home.css b/v4/css/home.css index cbcc285..017b7d0 100644 --- a/v4/css/home.css +++ b/v4/css/home.css @@ -3,7 +3,6 @@ } .home { font-size: 1.2rem; - height: 100; } .home section { text-align: center; diff --git a/v4/css/projects.css b/v4/css/projects.css new file mode 100644 index 0000000..6b374ee --- /dev/null +++ b/v4/css/projects.css @@ -0,0 +1,34 @@ +.projects { + display: flex; + flex-direction: column; + align-items: center; + gap: 1rem; +} + +.projects img { + max-width: 100%; + display: block; +} + +.card { + display: flex; + border: 1px solid red; + width: min(40rem, calc(100% - 1rem)); +} + +.card .card_text > * { + margin: 1rem; +} + +.card > * { + flex-basis: 100%; +} + +.card .card_left { + border: 1px solid green; +} + +.card .card_right { + border: 1px solid yellow; +} + diff --git a/v4/css/style.css b/v4/css/style.css index 061879a..b58398e 100644 --- a/v4/css/style.css +++ b/v4/css/style.css @@ -14,11 +14,30 @@ body { border: 1px solid purple; } +html { + overflow-y: scroll !important; + text-rendering: optimizeLegibility; + -webkit-font-smoothing: antialiased; + scroll-behavior: smooth; +} +*::-webkit-scrollbar { + width: 5px; +} +*::-webkit-scrollbar-thumb { + background-color: #ffffff; + border-radius: 20px; +} +*::-webkit-scrollbar-track { + background: #000000; +} + .nav { + position: relative; display: flex; border: 1px solid red; padding: 1rem; justify-content: space-between; + isolation: isolate; } .nav .logo img { @@ -29,13 +48,22 @@ body { .nav .links { display: flex; align-items: center; + justify-content: center; gap: 1rem; border: 1px solid orange; + z-index: -1; +} + +@media (min-width: 400px) { + .nav .links { + position: absolute; + inset: 0; + } } .content { border: 1px solid green; - padding: 2rem 5rem; + padding: 2rem 1rem; } footer { diff --git a/v4/index.php b/v4/index.php index 71c1a13..4eada2d 100644 --- a/v4/index.php +++ b/v4/index.php @@ -68,17 +68,17 @@ if($prod) { ?> ?>