GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → guadalazzo → workshop-css-grid

guadalazzo / workshop-css-grid

Licence: other
Workshop made for freecodecamp meetup

Programming Languages

HTML
75241 projects
javascript
184084 projects - #8 most used programming language
CSS
56736 projects

Labels

cssgridworkshopflexbox

Projects that are alternatives of or similar to workshop-css-grid

vue-grid
A powerful flexbox grid system for Vue.js 2.x, built with inline-styles
Stars: ✭ 23 (+91.67%)
Mutual labels:  grid, flexbox
cice-playground
CICE Full Stack Web Course
Stars: ✭ 12 (+0%)
Mutual labels:  grid, flexbox
Grd
A CSS grid framework using Flexbox. Only 321 bytes (Gzipped).
Stars: ✭ 2,210 (+18316.67%)
Mutual labels:  grid, flexbox
Flexible Grid
Flexible grid layouts to get you familiar with building within the flexible grid system.(HTML, CSS, SASS, SCSS)
Stars: ✭ 154 (+1183.33%)
Mutual labels:  grid, flexbox
hagrid
📏 Hagrid is a mixin library for responsive websites and web applications.
Stars: ✭ 30 (+150%)
Mutual labels:  grid, flexbox
Grid
This package has moved and renamed
Stars: ✭ 2,079 (+17225%)
Mutual labels:  grid, flexbox
flexboxes
CSS flexbox framework with pure flexbox grid ability
Stars: ✭ 27 (+125%)
Mutual labels:  grid, flexbox
Griz
Grid library for React; Rescue the cat
Stars: ✭ 99 (+725%)
Mutual labels:  grid, flexbox
tetris-grid
◼️Lightweight and simple CSS grid
Stars: ✭ 16 (+33.33%)
Mutual labels:  grid, flexbox
griding
🧱 lean grid & responsive for react
Stars: ✭ 18 (+50%)
Mutual labels:  grid, flexbox
React Flexa
Responsive React Flexbox (CSS Flexible Box Layout Module) grid system based heavily on the standard CSS API.
Stars: ✭ 120 (+900%)
Mutual labels:  grid, flexbox
grd-sass
Sass port of 1000ch/grd that is a CSS grid framework using Flexbox.
Stars: ✭ 12 (+0%)
Mutual labels:  grid, flexbox
Griddd
A dead simple, customisable, flexbox-based griddd
Stars: ✭ 108 (+800%)
Mutual labels:  grid, flexbox
Reactsimpleflexgrid
A way to quickly add a Grid Layout to your React app 🚀
Stars: ✭ 181 (+1408.33%)
Mutual labels:  grid, flexbox
Reflexbox
Moved to https://rebassjs.org
Stars: ✭ 1,369 (+11308.33%)
Mutual labels:  grid, flexbox
Blueprint Css
📘 Blueprint CSS is a modern responsive CSS layout library & grid built on top of CSS Grid and Flexbox.
Stars: ✭ 233 (+1841.67%)
Mutual labels:  grid, flexbox
Equalizecss
Css framework with grid based on flexboxes
Stars: ✭ 61 (+408.33%)
Mutual labels:  grid, flexbox
Vue Fraction Grid
Flexbox based responsive fraction grid system
Stars: ✭ 88 (+633.33%)
Mutual labels:  grid, flexbox
inuit-flexgrid
Flexbox grid for inuitcss
Stars: ✭ 32 (+166.67%)
Mutual labels:  grid, flexbox
fortune
🔮Fortune is your friendly CSS properties framework.
Stars: ✭ 16 (+33.33%)
Mutual labels:  grid, flexbox
View All Similar Projects ➔

workshop-css-grid

link a la charla https://bit.ly/2ICOIMZ

Workshop para la comunidad de freeCodeCamp, realizado con css puro, para aprender css grid y flex

  1. clonar repositorio con git clone "url de este repo"
  2. abrir el index.html con el navegador.
  3. seguir los comentarios del archivo para lograr el maquetado propuesto a continuación

Maquetado a realizar:

Alt text

Url de ejemplo: http://www.babycottons.com.ar/lookbook-fw18

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].