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