¿A quién no le gustan las postales? Este es uno de tus primeros ejercicios (si no es el primero) y es divertido y relativamente fácil :)
Vamos a crear una postal con HTML5 y CSS y luego puedes compartirla con tu madre o con tu otra mitad, ¡ella/él se va a sentir orgullosa/o! :)
- Asegura que ya tienes una cuenta en GitHub: https://github.com
- Recomendamos que abras este repositorio utilizando un entorno de desarrollo como Codespaces (recomendado) o Gitpod. Como última opción puedes clonar el repositorio localmente en tu computador utilizando el comando
git clone.
Este es el repositorio que debes abrir:
https://github.com/breatheco-de/exercise-postcard
👉 Sigue las siguientes instrucciones sobre cómo empezar un proyecto nuevo. Importante --> Éste repositorio no es un template.
Crea el HTML y CSS necesario para replicar esta imagen de forma precisa.
✋ Aquí tienes la url del logo de 4Geeks: http://assets.breatheco.de/apis/img/icon/4geeks.png
Hay un video sobre este ejercicio, míralo si estás perdido. Pero no copies todo, trata de colocar tu propio código.
Este ejercicio cubre los siguientes fundamentos:
- Estructura básica para cada sitio web HTML5.
- La etiqueta Link para importar Reglas CSS.
- Uso de fuentes de google.
- Uso de diferentes selectores disponibles en CSS.
- Trabajar con contenedores o cajas: border, padding y margins.
- Overflow.
- Uso de un formulario simple.
Este y otros ejercicios son usados para aprender a programar por parte de los alumnos de 4Geeks Academy Coding Bootcamp realizado por Alejandro Sánchez y muchos otros contribuyentes. Conoce más sobre nuestros Cursos de Programación para convertirte en Full Stack Developer, o nuestro Data Science Bootcamp.