Wpis z mikrobloga

Próbuję swoich sił w RWD i mobile first, co idzie mi marnie. Prawie doszedłem do perfekcji z navbarem, ale zacząłem sobie już włosy wyrywać i już nic nie wiem.
Chcę zakodować prosty, sztampowy navbar, ręcznie, bez BS.
https://i.imgur.com/p4nCkFH.png
(wersja na mobilki)
https://i.imgur.com/HnCJmHX.png
(wersja desktop)

O ile wersję mobile jest spoko, to przez to, że daję dla width: 100% dla page-nav i li (zeby w mobile byly wysrodkowane), w desktopowej wersji linki są na środku, a nie do prawej. Z CSSem calkowicie sie pogubilem i syf mam taki, ze trzeba bedzie to zrobic od nowa.

https://pastebin.com/YA7SU87B

(°°

#frontend #css #rwd #webdev
  • 7
  • Odpowiedz
@PolskiSwir345: proszę: https://jsbin.com/meconovube/edit?html,css,js (nie wiem dlaczego coś się akurat na jsbinie skopało, ze przycisk hamburgera i X wychodzi poza belke, bo na oryginale tak nie ma, a kod 1:1, ale hitbox siega i tak więc da się chować menu ;p)

@getin: robię, zmieniam dla desktopa wyświetlanie li na obok siebie, zamiast jedno pod drugim. Ale nie ogarniam jeszcze RWD ani wszelkich tricków z position czy flexbox, więc stąd ten problem.
  • Odpowiedz
Domyślam się, że pełno syfu w kodzie, ale już robiłem co tylko wpadło do głowy żeby spróbować to ogarnąć, więc moze być tam duzo nadpisanych stylów, wiele niepotrzebnych etc., ale już naprawdę nie wiedziałem co robić :|
  • Odpowiedz