> For the complete documentation index, see [llms.txt](https://buypass-profilguide.gitbook.io/project/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://buypass-profilguide.gitbook.io/project/grid-og-layout.md).

# Grid og layout

Et  gridsystem,  eller  rammeverk,  er  et  sett  med  usynlige  linjer  og  mål.  Disse  hjelper  å  plassere  innhold,  definere  størrelser,  sikre  luft  og  generelt  holde  ting  på  plass.

&#x20;I en tid med utallige skjermstørrelser behøves flere regelsett for å dekke ulike flater.

{% file src="/files/-LNsW6G5HsLnybBEOGnq" %}
Last ned Buypass gridsystem for digitale flater&#x20;
{% endfile %}

### Mobil

**6 deler**\
Her vil bredden endre seg ut fra smarttelefon, så her er prosenter oppgitt. Margene er fast så lenge ikke størrelsen er over 400px. Da kan man introdusere et nytt sett med marger utenfor ved å låse bredden og midtstille innholdet.

![](https://1165408786-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LDaOmaOm53kkQ0pXs93%2F-LNsNxA1e8yBdmxbwWKL%2F-LNsUqrkJbrSlCRmQXc0%2Fimage.png?alt=media\&token=301b2d4e-6c95-4523-b17b-5d198a1919bf)
