Loading repository data…
nico-barroso / repository
landing-layout-demo
Entrerga de ThePower sobre una página web maquetada con Flexbox.
#css#flexbox#html
Live repository statistics
★ 1Stars
⑂ 0Forks
◯ 0Open issues
◉ 1Watchers
39/100
OPENREPOHUB HEALTH SIGNAL
Limited signals
A transparent discovery signal based on current public GitHub metadata.
Recent activity35% weight
30
Community adoption25% weight
0
Maintenance state20% weight
100
License clarity10% weight
0
Project information10% weight
84
This score does not audit code, security, maintainers, documentation quality, or suitability. Verify the repository and its current documentation before adoption.
README preview
ThePower - Entrega Flexbox
El objetivo de la siguiente entrega es poner en práctica los conceptos aprendidos de Flexbox. En este caso se han tenido en cuenta los siguientes puntos:
- Aprovechar la oportunidad para generar un acabado lo más fiel posible.
- Generar un código limpio y escalable.
- Mejorar las técnicas de uso de media querys y el diseño responsive.
Fase 1 - Preparaciones
Para comenzar, se ha seleccionado replicar el diseño de Kryston Schwarze de MNTN, una landing sobre senderismo.
En primer lugar antes de comenzar el proyecto se ha realizado un esquema visual del los posibles contenedores necesarios para realizar el proyecto
Fase 2 - Desarrollo
Para el desarrollo se ha propuesto una metodología "de fuera hacia dentro" no solo atacando a los contenedores más grande hasta los pequeños detalles, sino que además se han estructurado los estilos siguiendo la misma metodología, empezando por:
- Displays.
- Posiciones.
- Tamaños.
- Márgenes.
- Paddings.
- Estilos de los elementos siguiendo un órden lógico.