Ya aprendimos los puntos básicos sobre el HTML y el CSS, así que ya somos jovenes jedi, ERROR, para eso necesitas mucha práctica y construir proyectos realmente cool, como el que vamos a hacer.
Todos tenemos que cocinar, pero yo realmente soy malisima en ello. Por eso siempre ando pidiendo recetas y las anoto en un cuaderno, pero no es lo más eficiente. Como ya hemos aprendido HTML y CSS me gustaría tener una página donde pueda verlo.
JC me dío una receta buenisima de un pastel de manzana y una sopa Francesa de cebolla buenisima, y las quiero escribir el código.
Hacer clones o copias de algo que ya existe es la mejor forma de practicar nuestras habilidades Jedi.
Acá te vamos a proporcionar el codigo inicial.
-
Fork este remo
-
Clona este repo
-
Asegurate de utilizar los selectores de
classandiden el ejersicio. Recuerda utilizar los selectores si y solo si, quieres editar cada elemento de ese tipo -
Usa un solo archivo para darles estilos a las páginas
-
Usa las imagenes para construir los diferentes elementos de la página:
-
Utiliza los elementos que te proporcionamos para crear el código:
- El background con la foto del apple pie
- The recipe servings / nutrients section
- The prep section
Una vez terminado ejecuta los siguientes comandos:
$ git add .
$ git commit -m "done"
$ git push origin main
Crea una Pull Request para que tus maestros puedan verificar
Vaz a trabajar en el folder apple-pie. Dentro encontrarás todos los archivos, imagenes, copys necesarios para crear la página. El copy lo encontrarás dentro de index.html, y el archivo css dentro de styles/style.css.
Encontrarás una screenshot (captura de pantalla) sobre lo que se espera del resultado final:
La practica hace a un maestro jedi, si piensas que necesitas más práctica, puedes seguir trabajando sobre el ejersicio french-soup. Dentro encontrarás un expected-result.md . Donde podrás encontrar
la versión final. Tiene la misma estructura que apple-pie
Happy coding! ❤️
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent