Varför fungerar inte min flexbox‑layout?

Frågat av Moa B2024-08-01 09:00:00 ⬆️ 3 ⬇️ 0

Barnen vägrar radbryta; vill ha två kolumner på desktop, en på mobil. Flexbox‑inställningar verkar inte slå igenom. Hur felsöker jag bäst?

Svar (3)

  • Av Per C2024-08-01 10:30:00⬆️ 5 ⬇️ 0

    Kontrollera `flex-wrap: wrap` och använd `flex-basis`/`min-width` för kort. Media queries för mobil.

  • Av Greta Å2024-08-01 12:20:00⬆️ 3 ⬇️ 0

    Kolla efter `min-width` på barnen och `flex: 1 1 50%` på desktop. Testa `align-items: stretch` om höjder spökar.

  • Av Ulla S2024-08-01 11:45:00⬆️ 2 ⬇️ 1

    Glöm inte `gap` istället för marginaler för snyggare mellanrum.

Vi använder cookies
Denna webbplats använder cookies för att förbättra användarupplevelsen och för att samla in anonym statistik.

Genom att klicka på "Acceptera" godkänner du vår användning av cookies.

Läs mer
Varför fungerar inte min flexbox‑layout?