Es mejor poner en practica lo aprendido en el mundo laboral, pero las oportunidades son muy pocas y siempre solicitan experiencia, cuando apenas estas estudiando. "No dan la oportunidad"
Igual consiga o no, es lo que me gusta así que lo hago con pasión por que más que un trabajo que es lo que se necesita para suplir las necesidades mundanas, es para mí una vocación
Patrones de diseño con height y box-sizing
height: define la altura de un elemento. Puede ser en píxeles, porcentajes o unidades relativas.
box-sizing: controla cómo se calcula el tamaño total del elemento.
content-box: el tamaño incluye solo el contenido.
border-box: el tamaño incluye padding y borde, lo que evita que el elemento se desborde.
Usar box-sizing: border-box es una práctica común porque facilita el control del layout.
Unidad Viewport (vw, vh)
vw: 1% del ancho del viewport (pantalla visible).
vh: 1% de la altura del viewport.
Ejemplo: height: 100vh hace que un elemento ocupe toda la altura de la pantalla.
Jerarquía entre elementos padre e hijo
Los elementos HTML están organizados en una estructura jerárquica.
El elemento padre contiene a los elementos hijos.
Las propiedades CSS pueden heredarse o afectar el comportamiento de los hijos (por ejemplo, display: flex en el padre cambia cómo se posicionan los hijos).
Posicionamiento y sus parámetros
position: static (por defecto), relative, absolute, fixed, sticky.
Con relative y absolute puedes mover elementos con top, left, right, bottom.
absolute se posiciona respecto al primer padre con posición distinta de static.
Flexbox
Sistema de diseño flexible para distribuir elementos en una dirección (horizontal o vertical).
Propiedades clave:
display: flex
justify-content: alinea horizontalmente.
align-items: alinea verticalmente.
flex-wrap: permite que los elementos se ajusten en varias líneas.
