https://github.com/anabartos/postcard
https://github.com/anabartos/postcard
Last synced: 3 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/anabartos/postcard
- Owner: anabartos
- Created: 2022-05-23T14:47:17.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2022-05-30T13:53:08.000Z (about 3 years ago)
- Last Synced: 2025-02-07T14:22:22.348Z (4 months ago)
- Language: JavaScript
- Size: 29.7 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.es.md
Awesome Lists containing this project
README
# The Postcard
¿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/el se va a sentir orgullosa/o! :)
## 🌱 Cómo iniciar este proyecto
Este proyecto viene con los archivos necesarios para empezar a trabajar, pero tienes dos opciones para empezar:
a) Abrir este enlace con Gitpod en tu navegador (recomendado): https://gitpod.io#https://github.com/breatheco-de/exercise-postcard
b) Clonar este repositorio localmente en tu computador:
```sh
$ git clone https://github.com/breatheco-de/exercise-postcard
```
💡 Importante: Para salvar el proyecto en github recuerda crear un nuevo repositorio, actualiza el remoto (`git remote set-url origin `), y guarda tu código en tu nuevo repositorio usando `add`, `commit` y `push`.
## Instrucciones
Crea el HTML y CSS necesario para replicar [esta imagen de forma precisa](https://raw.githubusercontent.com/breatheco-de/exercise-postcard/main/.learn/assets/preview.png).
Aquí tienes el url del logo de 4Geeks: [http://assets.breatheco.de/apis/img/icon/4geeks.png](http://assets.breatheco.de/apis/img/icon/4geeks.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.
3. Uso de diferentes selectores disponibles en CSS.
4. Trabajo con cajas: border, padding y margins.
5. Overflow.
6. Uso de un formulario simple.