flexbox practice excercises

Flexbox Practice Excuncises

Criei esse repositório com a intenção de praticar quanto do Flexbox eu dominei para criar layouts e componentes de estilo usando o CSS Flexbox.

No meio do caminho, pensei por que não permitir que outros desenvolvedores mostrem seu domínio do Flexbox também.

Como contribuir

1. Bifurcar o repo
2. Crie uma nova pasta no diretório raiz e adicione seus arquivos de projeto Flex lá.
3. Depois de terminar seu projeto, adicione o link ao seu arquivo de projeto no arquivo root index.html usando o seguinte formato.

...

< li class =" nav__item " >
  < a href =" equal-height-cards/index.html " class =" nav__link " >
    Create cards with equal heights
  </ a >
</ li >

...

CUIDADO!!! : Certifique -se de que você não adicione uma barra para a frente ( /) no início do link HREF, caso contrário, o link para o seu projeto não funcionará!.

4. Você pode anexar seu nome ao final do link para que outras pessoas possam saber que você criou o projeto ou pesquisando por você, por exemplo,

 < li class =" nav__item " >
  < a href =" equal-height-cards/index.html " class =" nav__link " >
    Create cards with equal heights - John Mwendwa
  </ a >
</ li >

5. Tente usar apenas o Flexbox para seus layouts e design para ver quanto você o reuniu.

6. Se você também deseja mostrar seu domínio da grade CSS, consulte meu outro repo na grade CSS e não deixe de contribuir aqui https://github.com/johnmwendwa/grid-practice-excercises

7. Não se esqueça de estrelar o repositório?

Palavra para designers!

Se você tem um olho extremamente bom para o design, pode alterar o estilo raiz.CSS Stylesheet. Embora todas as suas alterações nem sempre sejam garantidas para serem mescladas, mas sempre vale a pena o esforço.

Demoção ao vivo

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