Zmień zamówienie Div na Responsive Design

Tworzę responsywną stronę internetową projektu.

Zasadniczo, gdy port widoku jest niższy niż X Chcę wyświetlić menu u dołu strony.

PRZYKŁAD ZABEZPIECZONY LINK - WITRYNA NIE JEST DŁUŻSZA

Jeśli zmienisz rozmiar okna przeglądarki, zauważysz 3 różne projekty (na podstawie projektu celu końcowego, a nie typów urządzeń)

V1: większy niż 999px, zobaczysz czerwone pole w lewym górnym rogu, niebieskie pole obok czerwonego pola.

V2: od 600px do 999px, zauważysz, że czerwone pudełko staje się mniejsze, niebieskie pudełko teraz siedzi pod czerwonym pudełkiem

v3: Mniej niż 600px Zauważysz, że czerwone pole staje się mniejsze, niebieskie pole jest teraz żółte.

Zasadniczo w V3 chcę zrobić teraz żółte pudełko, usiąść pod zielonym pudełkiem, nad szarym pudełkiem

tak więc zamówienie trafia do Red Box Green Box Yellow box Gray Box

Inny niż paskudny stary div, pokaż nowy hack div (technikę) lub wersję JS (odchodzi od CSS Responsive) Czy jest jakiś sposób na przeniesienie tego.

CSS znajduje się w pliku, więc źródło widoku pokazuje wszystko.

Twoje zdrowie

questionAnswers(9)

yourAnswerToTheQuestion