CSS Layouts

Flexbox

Modelo unidimensional de layout que resulta muy útil para alinear contenido (alternativa a floats)

Explicaciones

• W3Schools

  [Inglés]

• CSS-Tricks

  [Inglés]

• MDN

  [Español o Inglés]

• Discusión en Stackoverflow

  [Inglés]

• Flexbox Patterns

  [Inglés]

• Flexbox Cheatsheet

  [Inglés]

Práctica

• Ejercicios FreeCodeCamp

  [Inglés]

• Juego: Flexbox Froggy

  [Inglés]

CSS Grid

Modelo bidimensional de layout muy útil para armar la disposición/diseño de la página y hacerla responsive (alternativa a por ej: Bootstrap)

Explicaciones

• W3Schools

  [Inglés]

• CSS-Tricks

  [Inglés]

• MDN

  [Español

• CSS Grid Cheatsheet

  [Inglés]

• CSS Grid en Internet Explorer

  [Inglés]

Práctica

• FreeCodeCamp

  [Inglés]

• Juego Grid Garden

  [Inglés]

Comparaciones

• Grid vs Flex vs Float

  [Inglés]

CSS Resets

• Mini Reset

  [Inglés]

• Minion - minimal css reset

  [Inglés]

Otras cositas de CSS

• Estadísticas de Resoluciones de Pantallas

  [Inglés]

• Tipografías - Añadir fuentes

  [Español

• Can I Use? Soporte para css features

  [Inglés]