Skip to content
This repository has been archived by the owner on Jan 28, 2024. It is now read-only.

Mengubah struktur materi responsive css berdasarkan guideline #79

Open
mnindrazaka opened this issue Apr 10, 2020 · 1 comment
Open
Assignees
Labels
css css topic new topic creating new topic restructure restructure topic based on guideline

Comments

@mnindrazaka
Copy link
Member

Berikut struktur materi berdasarkan guideline, silahkan berikan komentar apabila ada yang perlu ditambahkan

1. Permasalahan

Sebelumnya, kita bisa membuat layout web dengan dua kolom menggunakan display: inline-block. Namun, agar lebarnya sesuai, kita harus menghitung pembagian persentasenya. Sehingga akan merepotkan apabila layout web kita memiliki banyak kolom, hal tersebut akan sangat merepotkan

2. Penjelasan Materi Sebagai Solusi

Dengan menggunakan flexbox, kita bisa membuat web yang memiliki banyak kolom, tanpa harus menghitung pembagian persentasenya.

3. Penjelasan Detail Materi

  • cara menggunakan flexbox

4. Contoh Kasus

Diberikan langkah - langkah untuk membuat halaman web memiliki banyak card, dimana masing - masing card memiliki lebar yang sama. Untuk membuat layouting dari card tersebut, dapat menggunakan flexbox

@mnindrazaka mnindrazaka added css css topic new topic creating new topic restructure restructure topic based on guideline labels Apr 10, 2020
@AikaMinami
Copy link
Collaborator

Mas, property flexbox kan ada flex-direction, flex-wrap, flex-flow, justify-content, align-items, align-content. Itu kira-kira dimasukkan semua atau seperti yang justify-content, align-items, sama align content saja?

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
css css topic new topic creating new topic restructure restructure topic based on guideline
Projects
None yet
Development

No branches or pull requests

2 participants