"How to center a div" er noe av det utviklere visstnok googler aller mest, og dette ett av livets store spørsmål har gitt liv til et uendelig antall memes og kodevitser.
Det å sentrere en div i CSS burde jo egentlig være ganske enkelt, men viser seg altså ofte å ikke være det i praksis. Kanskje du ikke gjør det så ofte, eller kanskje du for det meste jobber med backend og plutselig blir bedt om å fikse noe i CSS-en.
Eller kanskje du trenger å gjøre det på en annen måte enn du har gjort tidligere.
I videoen under skal vi se at det finnes en haug med ulike måter å sentrere en div på.
Chrome-eksperter viser hvordan det skal gjøres
Una Kravets og Adam Argyle jobber som "developer relations engineers" på Googles Chrome-team, og går i videoen gjennom hele 9-10 ulike måter å sentrere en div på. Videoen er en del av serien The CSS Podcast.
Årets State of CSS overrasker
Ikke bare lærer du om de ulike metodene for å sentrere horisontalt, vertikalt, med flexbox, grid, og så videre. Du får også vite om fordeler og ulemper med de ulike metodene, og kanskje lære noen avanserte triks du ikke visste om fra før.
– Du vil se at du kan sentrere ting på mange flere måter enn du antagelig hadde sett for deg, sier Kravets.
Sjekk videoen: