#HTML / CSS | Clon de Spotify
A todo el mundo le gusta la música, ¿verdad? Lo más probable es que, si lo hace, haya oído hablar de Spotify. Hoy vamos a copiar una versión más antigua (y más simple) de la página de inicio de Spotify:
Todos los activos e imágenes necesarios están incluidos en el código de inicio. Si desea una versión completa en PDF del sitio web como referencia, consulte este enlace.
- Fork de este repositorio
- Clone este repositorio en su
~/web/code/labs
- Debes usar 1 selector descendiente, y 1 multiselector. Puedes usar más.
- Anime el logotipo verde de Spotify en la esquina superior izquierda para que salte hacia arriba y hacia abajo cuando un usuario pasa el cursor sobre él.
Al finalizar, ejecute los siguientes comandos
$ git add .
$ git commit -m "done"
$ git push origin master
Navegue a su repositorio y cree una solicitud de extracción, desde su rama maestra hasta la rama maestra del repositorio original.
En el nombre del Pull Request, agregue su nombre y apellidos separados por un guión "-"
Recibirá las imágenes y los recursos en el código de inicio. Escriba su CSS y HTML en los archivos provistos. Recuerda seguir las buenas prácticas.
La página está dividida en 4 secciones.
- La barra de navegación debe ser
posición: fija
. - Haga flotar la imagen a la izquierda y haga flotar un
ul
con los enlaces a la derecha.
- Consulta esta guía sobre cómo centrar las cosas.
- Parece que los
div
ocupan alrededor de un tercio del contenedor cada uno. ¿Cómo puedes representar esto en código?