Ideal Screen Size for Responsive Design

Desktop

ideal size : 1920 x 1080

1. Buka browser, tekan ctrl+shift+i

2. Pilih Menu Setting

3. Pilih Menu Devices > Add custom Device

4. Masukkan: Device Name : PC Width : 1920 Height : 1080 User Agent : Desktop Kemudian klik Add

5. untuk melakukan QC tampilan desktop, pilih Dimenstion : PC

Mobile

ideal size : 360 x 800

1. Buka browser, tekan ctrl+shift+i

2. Pilih Menu Setting

3. Pilih Menu Devices > Add custom Device

4. Masukkan: Device Name : Mobile Width : 360 Height : 800 User Agent : Mobile Kemudian klik Add

5. untuk melakukan QC tampilan mobile, pilih Dimenstion : Mobile

Referensi

https://www.browserstack.com/guide/ideal-screen-sizes-for-responsive-design