flexbox practice excercises

การออกกำลังกายฝึกฝน FlexBox

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

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

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

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

...

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

...

คำเตือน!!! : ตรวจสอบให้แน่ใจว่าคุณไม่ได้เพิ่ม Slash ไปข้างหน้า ( /) ที่จุดเริ่มต้นของลิงค์ HREF มิฉะนั้นลิงก์ไปยังโครงการของคุณจะไม่ทำงาน!

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. ลองใช้เฉพาะ FlexBox สำหรับเลย์เอาต์และการออกแบบของคุณเพื่อดูว่าคุณได้รวบรวมมันมากแค่ไหน

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

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

Word to Designers!

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

การสาธิตสด

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