flexbox practice excercises

Flexbox Practice Excercises

Saya membuat repo ini dengan maksud mempraktikkan seberapa banyak flexbox yang telah saya kuasai untuk membuat tata letak, dan komponen gaya menggunakan CSS Flexbox.

Halfway saya pikir mengapa tidak membiarkan pengembang lain juga memamerkan penguasaan flexbox mereka.

Bagaimana berkontribusi

1. Garpu repo
2. Buat folder baru di direktori root dan tambahkan file proyek Flex Anda di sana.
3. Setelah menyelesaikan proyek Anda, tambahkan tautan ke file proyek Anda di file root index.html menggunakan format berikut.

...

< li class =" nav__item " >
  < a href =" equal-height-cards/index.html " class =" nav__link " >
    Create cards with equal heights
  </ a >
</ li >

...

PERINGATAN!!! : Pastikan Anda tidak menambahkan slash ke depan ( /) di awal tautan HREF, jika tidak, tautan ke proyek Anda tidak akan berfungsi!.

4. Anda dapat menambahkan nama Anda ke akhir tautan sehingga orang lain dapat mengetahui Anda membuat proyek atau mencari Anda misalnya

 < li class =" nav__item " >
  < a href =" equal-height-cards/index.html " class =" nav__link " >
    Create cards with equal heights - John Mwendwa
  </ a >
</ li >

5. Cobalah hanya menggunakan Flexbox untuk tata letak dan desain Anda untuk melihat berapa banyak yang telah Anda kumpulkan.

6. Jika Anda juga ingin memamerkan penguasaan kisi CSS Anda, lihat repo saya yang lain di kisi CSS dan pastikan untuk berkontribusi di sini https://github.com/johnmwendwa/grid-practice-excercises

7. Jangan lupa untuk membintangi repo?

Kata untuk desainer!

Jika Anda memiliki mata yang sangat baik untuk desain, Anda dapat mengubah stylesheet gaya root.css. Meskipun semua perubahan Anda tidak selalu dijamin akan digabungkan tetapi selalu sepadan dengan usaha.

Demo langsung

https://johnmwendwa.github.io/flexbox-practice-excercises