grid practice excercises

Exercícios de prática de grade

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

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

Como contribuir

1. Bifurcar o repo
2. Crie uma nova pasta no diretório raiz e adicione seus arquivos de projeto de grade lá.
3. Depois de terminar seu projeto, adicione o link ao seu arquivo de projeto no arquivo root index.html usando o seguinte formato. 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á!

...

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

...

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 grade para seus layouts e design para ver como você o reuniu.

6. Se você também deseja mostrar seu domínio do CSS Flexbox, consulte meu outro repositório no Flexbox e não se esqueça de contribuir? https://github.com/johnmwendwa/flexbox-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 adicionadas e mescladas, mas sempre vale o esforço.

Demoção ao vivo

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