Hola! 👋 Presento mi proyecto de Html y Css, aplique los conocimientos adquiridos, realizando una pagina responsive.
-Encabezado:
He agregado un logo al cual le he dado un estilo de border radius: 50% para que se vea algo mas redondeado. Al menú de navegación le aplique el estilo hover, para que al pasar el mouse sobre éste cambie de color. Le agregue media queries al menu de navegación con la condición de max-width:769px, para que cuando la resolución de la pantalla sea menor a 769 px, los elementos se coloquen en columna, con display flex, flex-direction: column, flex-wrap:wrap. Tambien utilize transform-traslate ( 0px, -60px) para desplazarlo un poco en la posición.
-Section y Footer:
Le agregue al párrafo de la sección bienvenida, letra cursiva con estilo font-style: italic y en la sección nosotros, el estilo hover para que cuando el mouse pase por encima del texto este se torne con un color azul, ligeramente llamativo. En la seccion nosotros aplique display: flex, flex-direction: row, flex-wrap:wrap, para que los elementos de esa seccion se sitúen en fila y se desplazen hacia abajo si la pantalla disminuye en tamaño.
Aquí se puede ver mi proyecto: https://late-cannon.surge.sh/