grid practice excercises

网格练习练习

我创建了此存储库，目的是练习我掌握了多少CSS网格，以创建布局，并使用网格进行样式组件。

中途我认为为什么不允许其他开发人员也可以展示他们的精通。

如何贡献

1. 分叉存储库
2. 在Root Directory中创建一个新文件夹，然后在此处添加您的网格项目文件。
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精通，请在Flexbox上查看我的其他存储库，并确保贡献？ https://github.com/johnmwendwa/flexbox-practice-excercises

7. 不要忘记饰演仓库吗？

对设计师的词！

如果您对设计的目光非常好，则可以更改root style.css样式表。尽管您的所有更改并不总是保证添加和合并，但总是值得的。

现场演示

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