Introduction to Responsive web design. List the most important topics to build a responsive web. Also include the Lab 05 and Lab 06.

1. responsive

2. Flexbox, CSS grid, float y media queries
• Flexbox
• Box model
• Iconos svg
• Gradientes
• Float
• Imágenes
• CSS grid
• Media queries

3. Fontawesome
• Conectar kit al head
• Insertar iconos en elementos del body

4. Gradientes
Degradados de dos o mas colores con o sin transparencia
• Lineales
• Radiales
• Repeticion
.selector {
background: linear-gradient(<direccion>, <color1>, <color2>,…);
}

5. float
Para diseños de dos o más columnas
Por ejemplo una barra lateral y un contenido principal
Para imágenes
Propiedades:
float: left;
float: right;
float: none;
clear: both; /* el elemento salta a un nuevo espacio disponible */

6. Lab_05 Flex Awesome
Carpeta comprimida
Lab_05_nombre_apellido
Correo adjunto
Asunto: Lab_05 Nombre Apellido
Pagina web index.html
Hoja de estilos en una carpeta css de nombre main.css
Todos los nombres en minúsculas sin caracteres especiales y unidos por
_ (guion bajo)

7. Lab_05 requisitos
Favicon, title, SEO, semántica, archivos, validación w3, estilo, box
model, reseteo, comentarios
Header con logo
Pagina con contenido principal y contenido lateral
En el contenido principal flex-ítems con o imágenes y texto
En el aside lista de vínculos con formato y efectos al posicionar el
puntero
Footer con mínimo 6 iconos fontawesome de redes sociales, con
efectos.
El contenido debe al menos llenar toda la pantalla

8. Lab_06 Grid Responsive Rainbow
Cumplir todos los requisitos genéricos
Crear una pagina que se ajuste a tres versiones, dos de escritorio y otra para celular
Con cuatro secciones: header, main, aside, footer.
Dentro del main crear contenedores con iconos fontawesome.
Imágenes responsivas y optimas para cada pantalla.
Footer con iconos de redes sociales con efectos.
Cada salto a un nuevo estilo debe tener un marcado cambio en el background de las cuatro
secciones.
El background color de cada sección debe ser un gradiente.
Para la versión mas pequeña debe ser un arcoíris de fondo
Los gradientes deben declararse en un archivo rainbow.css