Skip to content
Simple Grid CSS
HTML CSS JavaScript
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
src
.gitignore
LICENSE
README.md
browserslist
gulpfile.js
package.json

README.md

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
You can’t perform that action at this time.