RG106 Pro Drone 8K Dual Camera GPS Brushless Motors Pro
Selkeä, responsiivinen kaksisarakkeinen asettelu esittelee tämän tuotteen kuvauksen tasapainoisesti ja helppokäyttöisesti. Suunnittelu luo tilaa osioiden välille ja mukautuu sujuvasti eri näyttökokoihin yhtenäisen ostokokemuksen takaamiseksi.
Asettelun määrittely
- Yläreuna on asetettu 40 px erottamaan sisältöä
- Näyttö käyttää flex-asettelua ja rivitystä responsiiviseen käyttäytymiseen
- Sarakkeiden välinen rako on 16 px
- Sisältö on jaettu tasaisesti kohteiden välillä visuaalisen tasapainon saavuttamiseksi
Sarakkeen ominaisuudet
- Jokainen sarake on joustava ja kasvaa täyttämään käytettävissä olevan tilan
- Maksimileveys on 50 % miinus 8 px, jotta kaksi yhtä suurta saraketta säilyy
- Sarakkeiden sisällä olevat kuvat ovat 100 % leveitä ja neliön muotoisella kuvasuhteella
- Kuvissa on 10 px pyöristetty reunus ja ne käyttävät cover-sovitusta
Mobiilikäyttäytyminen
- Laitteissa, joiden leveys on 768 px tai vähemmän, sarakkeet pinoutuvat yhdeksi sarakkeeksi