[pomarancza_]

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

[P.....5]

@pomarancza_: wrzuć pełny kod na https://jsfiddle.net/

[TeflonDon]

@pomarancza_: to jeżeli dla mobile dałeś 100% width to co za problem dla pc dać auto albo 20% czy tam ile potrzebujesz?

[getin]

a w media queries nie zrobisz tego?

[P.....Y]

@pomarancza_: https://www.udacity.com/course/responsive-web-design-fundamentals--ud893

[pomarancza_]

@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.

[pomarancza_]

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ć :|

[P.....5]

@pomarancza_: zrób po prostu od nowa, może zobacz jakiś poradnik i popatrz na kod, bo to nic złego (o ile nie skopiujesz tego bezmyślnie)