Diven vägrar centreras hur jag än gör

Hjälp från communityn (3)

• 
  Maja

  Problemet är nästan alltid förälderelementet. Kolla att containern har `display: flex` och `justify-content: center`. Sen behöver diven antingen en fast bredd eller `max-w-[nåt]` + `w-full`. Annars tar den bara upp så mycket plats den behöver och 'är' redan centrerad ur CSS:ens perspektiv.

• 
  Nina

  Vilken typ av centrering behöver du — horisontell, vertikal eller båda? För horisontell: `display: flex; justify-content: center;` på föräldern. För båda: lägg till `align-items: center; min-height: 100vh;`. Och kolla i devtools att föräldern faktiskt är full bredd — annars centerar du inuti en liten box.

• 
  Adam

  Öppna webbläsarens devtools, högerklicka på diven → Inspect och kolla box model. Ibland är det ett margin/padding längre upp i trädet som stör. `margin: 0 auto` funkar bara om elementet är block-level OCH har en satt bredd — det är lätt att missa.