Construye una tarjeta postal con HTML/CSS

La Postal

¿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! :)

1https://github.com/breatheco-de/exercise-postcard

Instrucciones

Crea el HTML y CSS necesario para replicar esta imagen de forma precisa.

✋ Aquí tienes la url del logo de 4Geeks: https://storage.googleapis.com/breathecode-asset-images/5318bde604cf5c915f94897a71b49ab2523101322ea21cb046db1e67c24fa3be.png

Empieza por dibujar tu estrategia

¿Qué hacer si estás atascado?

Hay un video sobre este ejercicio, míralo si estás perdido. Pero no copies todo, trata de colocar tu propio código.

Fundamentos

Este ejercicio cubre los siguientes fundamentos:

1. Estructura básica para cada sitio web HTML5.
2. La etiqueta Link para importar Reglas CSS.
3. Uso de fuentes de google.
4. Uso de diferentes selectores disponibles en CSS.
5. Trabajar con contenedores o cajas: border, padding y margins.
6. Overflow.
7. 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.