/LayoutFlexGrids

Layout implementado com grids não semânticos, mediaQueries e disposição flex.

Primary LanguageCSS

Layout Simples feito com meus próprios Grids.

Como criá-los?

Primeiro para declarar a largura das colunas precisamos definir quantas colunas nosso sistema vai ter. Por exemplo: 12; o valor doze representa 100% do total da largura. Logo para definirmos uma coluna de tamanho 3 col-3 pegamos seu valor e multiplicamos o por 100 e dividimos por 12 (total de colunas). Isso resulta na porcentagem da largura. (coluna * 100) / total de colunas -> (3 * 100) / 12