Skip to content
master
Switch branches/tags
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
src
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Simples Grid CSS

Uma maneira simples de criar colunas responsivas

Link para download do grid

Clique aqui e faça o download da versão SASS e CSS do Grid

Para adicionar o grid na sua pagina

  • Faça o download e adicione os arquivos SASS ou o CSS no seu projeto
  • Adicione uma div com a class container
  • Dentro de container adicione um div row
  • Dentro de row adicione column- de 1 a 12

Para adicionar o grid com a largura total na sua pagina

  • Faça o download e adicione os arquivos SASS ou o CSS no seu projeto
  • Adicione uma div com a class container-fluid
  • Dentro de container-fluid adicione um div row
  • Dentro de row adicione column- de 1 a 12

Se você quiser modificar as colunas para alterar quando for celular, tablet, desktop ou desktop full HD

  • Mobile <= 576 column__mobile- de 1 a 12
  • Tablet >= 768 column__tablet- de 1 a 12
  • Desktop >= 1000 column__desktop- de 1 a 12
  • Large Desktop >= 1200 column__large-desktop- de 1 a 12
  • Full HD >= 1440 column__full-hd- de 1 a 12

Como contribuir no projeto

Requisitos do projeto

  • NodeJs
  • Gulp
  • SASS

Contribuindo

  • Clone o repositorio
  • npm install
  • gulp
  • http://localhost:8080
  • Faça sua mágica
  • Abre um PR descrevendo sua contribuição

About

Simple Grid CSS

Resources

License

Releases

No releases published

Packages

No packages published