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-excerciseに貢献してください

7. リポジトリに出演することを忘れないでください？

デザイナーへの言葉！

デザインに非常に良い目を持っている場合は、ルートスタイルを変更できます。CSSStyleSheet。あなたのすべての変更は常にマージされることを保証されているわけではありませんが、それは常に努力する価値があります。

ライブデモ

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