bo potrzebuję zamienić dwa elementy miejscami za pomocą CSS-a. Samego CSS-a, tj. bez dodawania żadnych divów i bez grzebania w php/js itp. https://www.geeksforgeeks.org/how-to-reorder-div-elements-using-css-only/ - na moje potrzeby najwygodniejsza jest metoda nr 1, czyli zastosowanie "display: flex" i "order: ..." dla kolejnych elementów. No i wszystko ładnie-pięknie, tyle że po takim zabiegu efekt jest następujący:



- w miejscu elementu z "display: flex" dodawane jest to kropkowano-paskowane fioletowe ujwico na górze. (Normalnie jest niewidoczne - tutaj pojawiło się po kliknięciu "flex" w firefoxowym Inspektorze). Jak się tego pozbyć? I do czego w ogóle to badziewie służy? Jednym sposobem jest dodanie mu ujemnej wartości margin, tyle że wtedy przesuwany jest i na pozostałych stronach - i musiałbym znów kombinować, żeby na pozostałych przesuwany nie był.

/edit a właściwie to fioletowe dodawane jest po ustawieniu "flex-direction: column". Przy innych wartościach (poza column-reverse) go nie widać, tyle że wtedy elementy ułożone są w poziomie zamiast w pionie.

Ostatnia aktualizacja: 08.08.2024 13:18:00 przez snajper

no i zrobione, pomógł mi ej-aj. https://chatgpt.com/share/c1ca0246-4948-43cd-b7df-eba8810747a9
winowajcą okazały się być marginesy w kilku elementach wewnątrz display: flexa.