> ## Documentation Index
> Fetch the complete documentation index at: https://docs.nettify.no/llms.txt
> Use this file to discover all available pages before exploring further.

# Endre spacing og størrelse

> Juster padding, margin, bredde og høyde på elementer

## Hva er spacing?

Spacing handler om mellomrommet rundt og inni elementer på nettsiden. God spacing gjør nettsiden lettere å lese og mer visuelt tiltalende.

<Info>
  **Padding** = mellomrom **inni** et element (mellom kanten og innholdet).
  **Margin** = mellomrom **utenfor** et element (mellom elementet og naboelementene).
</Info>

***

## Slik justerer du spacing

<Steps>
  <Step title="Velg elementet">
    Klikk på **«Velg element»** og klikk på elementet du vil justere spacing for.
  </Step>

  <Step title="Finn Spacing-verktøyet">
    I panelet ser du **Spacing**-seksjonen med visuelle kontroller for padding og margin. Du kan justere alle fire sider (topp, høyre, bunn, venstre) individuelt.
  </Step>

  <Step title="Endre verdiene">
    Skriv inn verdier i piksler (px) for å justere mellomrommet. Endringene vises i sanntid.
  </Step>
</Steps>

***

## Endre størrelse

Du kan også endre bredde og høyde på elementer:

<CardGroup cols={2}>
  <Card title="Bredde" icon="arrows-left-right">
    Sett bredden i piksler. Nyttig for å justere størrelsen på bilder, bokser og kolonner.
  </Card>

  <Card title="Høyde" icon="arrows-up-down">
    Sett høyden i piksler. Bruk dette for å gjøre seksjoner høyere eller lavere.
  </Card>
</CardGroup>

***

## Vanlige justeringer

<AccordionGroup>
  <Accordion title="Mer luft rundt teksten">
    Øk **padding** på seksjonen som inneholder teksten. Prøv 40–60px for en romslig følelse.
  </Accordion>

  <Accordion title="Mer avstand mellom seksjoner">
    Øk **margin** (bunn) på seksjonen over, eller **margin** (topp) på seksjonen under.
  </Accordion>

  <Accordion title="Gjøre en knapp større">
    Øk **padding** inni knappen for å gjøre den større uten å endre tekststørrelsen.
  </Accordion>

  <Accordion title="Sentrere innhold">
    Sett lik margin på venstre og høyre side for å sentrere et element.
  </Accordion>
</AccordionGroup>

<Tip>
  **Ikke vær redd for å eksperimentere!** Du kan alltid trykke **«Angre»** for å gå tilbake til sist lagrede versjon.
</Tip>