diff --git a/index.html b/index.html index 067fdf9..05f4f0c 100644 --- a/index.html +++ b/index.html @@ -14,124 +14,166 @@ Recipe page - -
-

Simple Omelette Recipe

+ +
+ A simple omelette -

- An easy and quick dish, perfect for any meal. This classic omelette - combines beaten eggs cooked to perfection, optionally filled with your - choice of cheese, vegetables, or meats. -

+
+
+

Simple Omelette Recipe

-
-

Preparation time

+

+ An easy and quick dish, perfect for any meal. This classic omelette + combines beaten eggs cooked to perfection, optionally filled with + your choice of cheese, vegetables, or meats. +

+
-
    -
  • -

    Total: Approximately 10 minutes

    -
  • -
  • -

    Preparation: 5 minutes

    -
  • -
  • -

    Cooking: 5 minutes

    -
  • -
+
+

Preparation time

+ +
    +
  • +

    Total: Approximately 10 minutes

    +
  • +
  • +

    Preparation: 5 minutes

    +
  • +
  • +

    Cooking: 5 minutes

    +
  • +
+
+ +
+

Ingredients

+ +
    +
  • 2-3 large eggs

  • +
  • Salt, to taste

  • +
  • Pepper, to taste

  • +
  • +

    1 tablespoon of butter or oil

    +
  • +
  • +

    + Optional fillings: cheese, diced vegetables, cooked meats, herbs +

    +
  • +
+
+ +
+ +
+

Instructions

+ +
    +
  1. +

    + Beat the eggs: In a bowl, beat the eggs with a + pinch of salt and pepper until they are well mixed. You can add + a tablespoon of water or milk for a fluffier texture. +

    +
  2. + +
  3. +

    + Heat the pan: Place a non-stick frying pan over + medium heat and add butter or oil. +

    +
  4. + +
  5. +

    + Cook the omelette: Once the butter is melted + and bubbling, pour in the eggs. Tilt the pan to ensure the eggs + evenly coat the surface. +

    +
  6. + +
  7. +

    + Add fillings (optional): When the eggs begin to + set at the edges but are still slightly runny in the middle, + sprinkle your chosen fillings over one half of the omelette. +

    +
  8. + +
  9. +

    + Fold and serve: As the omelette continues to + cook, carefully lift one edge and fold it over the fillings. Let + it cook for another minute, then slide it onto a plate. +

    +
  10. + +
  11. +

    + Enjoy: Serve hot, with additional salt and + pepper if needed. +

    +
  12. +
+
+ +
+ +
+

Nutrition

+ +

+ The table below shows nutritional values per serving without the + additional fillings. +

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Calories277kcal
+
+
Carbs0g
+
+
Protein20g
+
+
Fat22g
+
- -

Ingredients

- -
    -
  • 2-3 large eggs

  • -
  • Salt, to taste

  • -
  • Pepper, to taste

  • -
  • 1 tablespoon of butter or oil

  • -
  • -

    - Optional fillings: cheese, diced vegetables, cooked meats, herbs -

    -
  • -
- -

Instructions

- -
    -
  1. -

    - Beat the eggs: In a bowl, beat the eggs with a - pinch of salt and pepper until they are well mixed. You can add a - tablespoon of water or milk for a fluffier texture. -

    -
  2. - -
  3. -

    - Heat the pan: Place a non-stick frying pan over - medium heat and add butter or oil. -

    -
  4. - -
  5. -

    - Cook the omelette: Once the butter is melted and - bubbling, pour in the eggs. Tilt the pan to ensure the eggs evenly - coat the surface. -

    -
  6. - -
  7. -

    - Add fillings (optional): When the eggs begin to set - at the edges but are still slightly runny in the middle, sprinkle - your chosen fillings over one half of the omelette. -

    -
  8. - -
  9. -

    - Fold and serve: As the omelette continues to cook, - carefully lift one edge and fold it over the fillings. Let it cook - for another minute, then slide it onto a plate. -

    -
  10. - -
  11. -

    - Enjoy: Serve hot, with additional salt and pepper - if needed. -

    -
  12. -
- -

Nutrition

- -

- The table below shows nutritional values per serving without the - additional fillings. -

- - - - - - - - - - - - - - - - - - - - - -
Calories277kcal
Carbs0g
Protein20g
Fat22g
diff --git a/styles.css b/styles.css index 70614b3..e607df9 100644 --- a/styles.css +++ b/styles.css @@ -24,7 +24,11 @@ h1 { color: theme("colors.dark-charcoal"); - font-size: 2.5rem; + font-size: 2.25rem; + + @media (min-width: 768px) { + font-size: 2.5rem; + } } h2 { @@ -61,4 +65,25 @@ font-weight: 700; } } + + ul { + list-style-type: disc; + } + + ol { + list-style-type: decimal; + } + + li { + margin-left: 1.5rem; + padding-left: 1rem; + } +} + +main > img:first-child { + @media (max-width: 768px) { + margin: -2rem 0 0 -2rem; + width: 100vw; + max-width: none; + } }