grid practice excercises

การออกกำลังกายแบบกริด

ฉันสร้าง repo นี้ด้วยความตั้งใจที่จะฝึกฝนจำนวนตาราง CSS ที่ฉันเชี่ยวชาญเพื่อสร้างเลย์เอาต์และส่วนประกอบสไตล์โดยใช้กริด

ครึ่งทางฉันคิดว่าทำไมไม่อนุญาตให้นักพัฒนารายอื่นแสดงความเชี่ยวชาญของพวกเขาด้วย

วิธีการมีส่วนร่วม

1. แยก repo
2. สร้างโฟลเดอร์ใหม่ในไดเรกทอรีรูทและเพิ่มไฟล์โครงการกริดของคุณที่นั่น
3. หลังจากเสร็จสิ้นโครงการของคุณแล้วเพิ่มลิงก์ไปยังไฟล์โครงการของคุณในไฟล์ root index.html โดยใช้รูปแบบต่อไปนี้ อย่าเพิ่มสแลชไปข้างหน้าในช่วงเริ่มต้นของลิงค์ HREF มิฉะนั้นลิงก์ไปยังโครงการของคุณจะไม่ทำงาน!

...

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

...

4. คุณสามารถผนวกชื่อของคุณไปที่จุดสิ้นสุดของลิงค์เพื่อให้ผู้อื่นรู้ว่าคุณสร้างโครงการหรือค้นหาคุณเช่น

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

5. ลองใช้เฉพาะกริดสำหรับเลย์เอาต์และการออกแบบของคุณเพื่อดูว่าคุณรวบรวมมันอย่างไร

6. หากคุณต้องการแสดง CSS Flexbox Mastery ของคุณด้วยให้ชำระเงิน repo อื่น ๆ ของฉันบน Flexbox และให้แน่ใจว่าได้มีส่วนร่วม? https://github.com/johnmwendwa/flexbox-practice-excercises

7. อย่าลืมแสดง repo?

Word to Designers!

หากคุณมีตาที่ดีมากสำหรับการออกแบบคุณสามารถเปลี่ยนสไตล์รูตสไตล์ชีท แม้ว่าการเปลี่ยนแปลงทั้งหมดของคุณจะไม่รับประกันว่าจะเพิ่มและรวมเข้าด้วยกันเสมอไป แต่ก็คุ้มค่ากับความพยายามเสมอ

การสาธิตสด

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