Este repositorio contiene los ejercicios realizados en el curso Layout web con CSS Grid, Flexbox y otras técnicas modernas de Domestika, impartido por Javier Usobiaga Ferrer.
En esta lección aprendimos a dar forma al layout de una página web utilizando las propiedades CSS column-count, column-gap, object-fit, clip-path y shape-outside entre otras.
En mi proyecto he creado una pequeña página web resposive usando el contenido aprendido con fotografías de Corea de Unsplash.
En esta lección aprendimos a utilizar Flexbox para crear diseños flexibles y adaptables. Exploramos las características tanto del contenedor como de los elementos interiores, como flex-direction, justify-content, align-items y flex-wrap entre otros.
En mi proyecto de esta lección, he creado fichas responsive con los jefes de Dark Souls III usando flex de diferentes maneras.
En esta lección junto con la anterior aprenderemos a utilizar CSS Grid, un sistema de diseño bidimensional que nos permite crear diseños más complejos y estructurados.
En la solución que he presentado para este proyecto he presentado en una cuadrícula sencilla a algunos de los dioses nórdicos más famosos, con una rejilla interior para posicionar sus elementos.
En esta lección hemos aprendido sobre la perfectiva, las transformaciones 3D, los headers fijos y móviles y soluciones con y sin librerías de JavaScript.
Para esta lección mi proyecto han sido tarjetas con la portada de los diferentes libros de la saga "Percy Jackson" que al voltearse muestran información sobre el libro. Además he usado el paquete headroom.js para añadir un header que aparece y desaparece según la dirección del scroll.
El proyecto final intentará aunar todo lo aprendido a lo largo del curso.
El proyecto final aún no ha sido completado.