Skip to content

Commit 025f128

Browse files
authored
Update 2026-07-27-website-ui-responsiveness.md
1 parent cae0193 commit 025f128

1 file changed

Lines changed: 2 additions & 2 deletions

File tree

‎_updates/2026-07-27-website-ui-responsiveness.md‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -5,11 +5,11 @@ date: 2026-07-27 13:00:00 +0200
55
categories: [devlog, webdev, ui]
66
---
77

8-
Witamy w pierwszym wpisie z cyklu DevLog! DevLabStudy stale się rozwija, a ostatnie dni poświęciłem na solidne dopracowanie interfejsu użytkownika, tak aby strona była czytelna niezależnie od tego, czy przeglądacie ją na monitorze ultrawide, czy na ekranie smartfona.
8+
DevLabStudy stale się rozwija, a ostatnie dni poświęciłem na solidne dopracowanie interfejsu użytkownika, tak aby strona była czytelna niezależnie od tego, czy przeglądacie ją na monitorze ultrawide, czy na ekranie smartfona.
99

1010
Oto lista najważniejszych zmian, które trafiły właśnie na produkcję:
1111

12-
### 🛠️ Zmiany i poprawki:
12+
### Zmiany i poprawki:
1313
* **Nowy układ Grid na Desktopie:** Przebudowałem główny kontener strony. Lewy panel boczny (zawierający moduły Marketplace, Support i DevLog) został mocniej odsunięty od głównej treści (margin/gap). Dzięki temu tekst w sekcji "WHOAMI" jest teraz idealnie wyśrodkowany i czytelny.
1414
* **Mobile-First i odwracanie kolejności elementów:** To największa zmiana pod maską! Wdrożyłem elastyczny CSS dla urządzeń mobilnych (poniżej 1024px). Używając właściwości `order`, panele boczne nie ładują się już na samej górze ekranu. Na telefonie najpierw zobaczysz główny tekst i zawartość wpisów, a panele wsparcia i linki zostały gładko zepchnięte na sam dół.
1515
* **Naprawa górnej nawigacji (Navbar):** Menu na telefonach ulegało "łamaniu" przez duże logo DevLabStudy. Zmiana sztywnego grida na elastyczny układ Flexbox (z funkcją `flex-wrap`) sprawiła, że linki do sekcji Blog, HomeLab i Benchmarks układają się teraz naturalnie jeden pod drugim, a całe menu jest w 100% klikalne na każdym ekranie.

0 commit comments

Comments
 (0)