Latihan 1 dari materi Responsive Design di Tailwind CSS — praktek dengan editor kode interaktif, test case otomatis, dan hint terpandu. Langsung jalan di browser.
Kode awal sudah punya <div id="layout"> dengan dua kolom berwarna. Bikin dia satu kolom di HP dan dua kolom mulai tablet:
class="grid grid-cols-1 md:grid-cols-2 gap-4" di <div id="layout">.<div> di dalamnya, Kolom 1 dan Kolom 2, seperti di kode awal.Yang dicek:
#layout punya display: grid (dari class grid).grid-cols-1, md:grid-cols-2, dan gap-4, persis seperti itu, tanpa spasi setelah md:.#layout ada minimal 2 <div>.Hasilnya, kolomnya bertumpuk di layar sempit dan berjajar dua mulai 768px.
