https://github.com/devchris03/recipe

Receta de Omelette
https://github.com/devchris03/recipe

css flexbox html

Last synced: 7 months ago
JSON representation

Receta de Omelette

• Host: GitHub
• URL: https://github.com/devchris03/recipe
• Owner: devchris03
• Created: 2024-11-30T16:02:35.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-11-30T20:55:48.000Z (over 1 year ago)
• Last Synced: 2025-02-06T23:31:33.888Z (about 1 year ago)
• Topics: css, flexbox, html
• Language: HTML
• Homepage: https://devchris03.github.io/Recipe/
• Size: 215 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# 🥚 Simple Omelette Recipe

Este proyecto es una página web simple que presenta la receta de una tortilla sencilla, diseñada con **HTML** y **CSS**. Su diseño es adaptable, lo que permite que se vea bien tanto en dispositivos móviles como en pantallas más grandes.

## Links

* Solución del challege en Frontend Mentor [Haz click aquí](https://www.frontendmentor.io/solutions/recipe-omellete-with-flexbox-GOqJ8vrQMS)

* Deploy del challege [Haz click aquí](https://devchris03.github.io/Recipe/)

## ✨ Características

- **Diseño Responsivo:** La página se adapta a diferentes tamaños de pantalla, proporcionando una experiencia de usuario consistente en dispositivos móviles, tabletas y computadoras.

- **Estructura Clara:** La información está dividida en secciones bien definidas:

  - Imagen principal

  - Introducción

  - Tiempo de preparación

  - Lista de ingredientes

  - Instrucciones paso a paso

  - Información nutricional

- **Estilo Minimalista:** Uso de colores suaves y una tipografía moderna que mejora la legibilidad.

## 🛠️ Tecnologías Utilizadas

- **HTML5:** Para estructurar el contenido de la página.

- **CSS3:** Para estilizar y hacer que el diseño sea responsivo.

## 🖼️ Vista Previa

Puedes consultar una vista previa del diseño en las siguientes capturas:

**Versión Escritorio:**

![514shots_so](https://github.com/user-attachments/assets/67fbd5d5-340d-41ae-aec1-56c478e46056)

**Versión Móvil:**

![Recipe Mobile](https://github.com/user-attachments/assets/975608b8-6b2d-4fdb-8e6c-1099981b0848)

 Si tienes preguntas o sugerencias, no dudes en contactarme.

### :globe_with_meridians: Mis redes:

:nazar_amulet: Linkedin: [Christina Pascual](https://www.linkedin.com/in/christina-pascual/)

:nazar_amulet: Twitter: [Christina Pascual](https://x.com/devchris03)

:nazar_amulet: Tiktok: [devChris03](https://www.tiktok.com/@devchris03?_t=8p5TriBHr3G&_r=1)