grid practice excercises

Latihan latihan kisi

Saya membuat repo ini dengan maksud mempraktikkan berapa banyak kisi CSS yang telah saya kuasai untuk membuat tata letak, dan komponen gaya menggunakan grid.

Di tengah jalan saya pikir mengapa tidak membiarkan pengembang lain juga menunjukkan penguasaan mereka.

Bagaimana berkontribusi

1. Garpu repo
2. Buat folder baru di direktori root dan tambahkan file proyek grid Anda di sana.
3. Setelah menyelesaikan proyek Anda, tambahkan tautan ke file proyek Anda di file root index.html menggunakan format berikut. Jangan menambahkan slash ke depan di awal tautan HREF jika tidak, tautan ke proyek Anda tidak akan berfungsi!

...

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

...

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 kisi -kisi untuk tata letak dan desain Anda untuk melihat bagaimana uch yang Anda kumpulkan.

6. Jika Anda juga ingin memamerkan penguasaan Flexbox CSS Anda juga, periksa repo saya yang lain di Flexbox dan pastikan untuk berkontribusi? https://github.com/johnmwendwa/flexbox-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 ditambahkan dan digabungkan tetapi selalu sepadan dengan usaha.

Demo langsung

https://johnmwendwa.github.io/grid-practice-excises