MoreLesson 252Preview gratis
Device Look
Lesson ini bagian dari How To · Semua level
Ringkasan
Device look adalah mockup perangkat seperti ponsel, tablet, atau laptop yang dibuat dengan CSS. Frame, sudut membulat, notch, dan bayangan membantu menampilkan screenshot aplikasi dalam konteks perangkat. Mockup ini murni dekoratif, jadi konten aslinya tetap harus responsif dan diuji di perangkat nyata.
Poin kunci
- Frame dibuat dari container dengan border tebal, border-radius, dan padding.
- aspect-ratio membantu meniru proporsi layar ponsel atau tablet.
- Notch dapat dibuat dengan pseudo-element berposisi absolute di bagian atas.
- Mockup tidak menggantikan pengujian responsif di browser dan perangkat sungguhan.
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.