flexbox practice excercises

Практика Flexbox Excersises

Я создал это репо с намерением практиковать, сколько из 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 Grid , проверьте мой другой репо на сетке CSS и обязательно внесите здесь вклад https://github.com/johnmwendwa/grid-practice-exccersises

7. Не забудьте снять репо?

Слово дизайнерам!

Если у вас есть очень хороший взгляд на дизайн, вы можете изменить root Style.css StyleShipship. Хотя все ваши изменения не всегда гарантированно объединены, но это всегда стоит усилий.

Живая демонстрация

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