flexbox practice excercises

Flexbox練習練習

我創建了此存儲庫，目的是練習我已經掌握了多少flexbox來創建佈局，並使用CSS Flexbox進行了樣式組件。

中途我認為為什麼不允許其他開發人員也可以展示他們的Flexbox精通。

如何貢獻

1. 分叉存儲庫
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 >

...

警告！ ！ ！ ：確保您在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網格精通，請查看我在CSS網格上的其他存儲庫，並確保在此處貢獻https://github.com/johnmwendwa/grid-practice-practice-practice-excercises，

7. 不要忘記飾演倉庫嗎？

對設計師的詞！

如果您對設計的目光非常好，則可以更改root style.css樣式表。儘管您的所有更改並不總是能保證合併，但總是值得付出的。

現場演示

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