LPDP GRONINGEN / ARCHITECTURE
Responsif & Tata Letak
Lebar konten dan breakpoint yang ditemukan langsung pada portal brand.
Breakpoint portal brand yang ada
CSS portal brand menggunakan breakpoint max-width 1050px, 820px, dan 590px. Ini adalah inventaris implementasi, bukan penggantian breakpoint pada website Next.js. Halaman dokumentasi menggunakan sidebar yang berubah menjadi navigasi mobile.
010203
Teks dan konten responsif
Jaga ukuran font terbaca, urutan heading logis, dan alur satu kolom pada layar sempit. Pengujian harus mencakup zoom 200% serta 400% dan navigasi keyboard tanpa konten tersembunyi.
@media (max-width: 1050px) { /* existing brand portal breakpoint */ }
@media (max-width: 820px) { /* existing brand portal breakpoint */ }
@media (max-width: 590px) { /* existing brand portal breakpoint */ }