Proble z media queries.

Question

Witam, właśnie tworzę stronę na której aktualnie robię media queries dla (max-width 767px). Niestety mam taki problem, że szerokość danego diva jest dziedziczona także dla większej rodzielczości. Tutaj szerokość 80% powinna być dla 767px, a szerokość 50% dla wiekszych niz 767px i niestety ona jest wykreślona, gdy element jest badany.

 

Comments

wrzuć kod, bo tak nie wiemy nic oprócz tego, że ci nie działa

Answer 1

.form_box w 545 linijce masz poza blokiem media i w dodatku późnij niż samo media, więc wszystko co jest wcześniej ci się nadpisuje.
Najlepiej zaczynaj od wersji na telefon i stopniowo rozszerzaj ekran dodając: @media (min-width: ???).
Dużo lepiej to się organizuję i ta metoda nazywa się "first mobile". Polecam się zapoznać. Jest ciężej, ale lepiej.

PS. Na początku masz bez media, potem masz (max-width: 767px), później znowu bez media i na koniec (max-width: 480px). Namieszałeś strasznie.

Comments

Dziękuje za pomoc. Czytałem już o metodzie "first mobile" i właśnie następny projekt zamierzam tą metodą zrobić.

Answer 2

css: https://pastebin.com/afSSTVrB

html: https://pastebin.com/vmWMTH85