flexbox-jotted

Repositorio basado en el curso de EscuelaIT de Diana Aceves para explicar el resultado cuando habilitas GitHub Pages en master y utilizas la librería Jotted.

Es como utilizar JSFiddle pero para demos que puedes alojar donde quieras (ej. en GitHub).

Estructura

• El directorio jotted que contiene el css y el js de la librería.

• Cada ejercicio en su directorio, conteniendo:

  • index.html: Fichero donde se carga la librería.

  • exercise.html: Fichero html del ejercicio.

  • css/styles.css: CSS que contiene las propiedades flexbox.

• Ejemplo alinear elementos:

  • Código

  • Demo

• Ejemplo centrar horizontal y verticalmente:

  • Código

  • Demo