Omslag

Vad kriteriet kräver

Innehåll ska kunna presenteras utan tappad information eller funktion vid 320 CSS-pixel bredd, utan horisontell scroll förutom för innehåll som kräver tvådimensionell layout (kartor, kod-block).

Hur Granska kontrollerar

Vi renderar sidan i 320px-viewport och flaggar element som triggar horisontell overflow.

Vanliga felmönster

• Tabeller utan responsive scroll-wrapper
• Hero-text med width: 800px utan max-width
• Stora bilder utan max-width: 100%

Kodfix-exempel (CSS)

Granska genererar liknande fixar anpassade per stack. Det här är ett representativt exempel.

img, video, iframe {
  max-width: 100%;
  height: auto;
}

.table-wrapper {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}