josecarneiro · June 10, 2021 18:17
diff --git a/index.html b/index.html
 <!DOCTYPE html>
 <html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Apple Pie Recipe</title>
    <!-- don't forget to link your styles -->
    <link rel="preconnect" href="https://fonts.gstatic.com" />
    <link
      href="https://fonts.googleapis.com/css2?family=Lato:wght@300;400&display=swap"
      rel="stylesheet"
    />
    <link rel="stylesheet" href="styles/style.css" />
  </head>
  <body>
    <header>
      <h1>Apple Pies</h1>
    </header>
    <main>
      <p>
        This was my grandmother's apple pie recipe. I have never seen another
        one quite like it. It will always be my favorite and has won me several
        first place prizes in local competitions. I hope it becomes one of your
        favorites as well!
      </p>
      <img
        src="images/recipe-info.png"
        alt="1h30m cooking time, 8 servings, 512 calories"
      />
      <hr />
      <h2>Ingredients</h2>
      <ul>
        <li>1 recipe pastry for a 9 inch double crust pie</li>
        <li>1/2 cup unsalted butter</li>
        <li>3 tablespoons all-purpose flour</li>
        <li>1/4 cup water</li>
        <li>3 tablespoons all-purpose flour</li>
        <li>1/4 cup water</li>
        <li>1/2 cup white sugar</li>
        <li>1/2 cup packed brown sugar</li>
        <li>8 Granny Smith apples - peeled, cored and sliced</li>
      </ul>
      <img
        src="images/cooking-info.png"
        alt="Prep Time 30 minutes, Cooking time 1 hour, Ready in 1 hour 30 minutes"
      />
      <hr />
      <h2>Directions</h2>
      <ol>
        <li>
          Preheat oven to 425 degrees F (220 degrees C). Melt the butter in a
          saucepan. Stir in flour to form a paste. Add water, white sugar and
          brown sugar, and bring to a boil. Reduce temperature and let simmer.
        </li>
        <li>
          Place the bottom crust in your pan. Fill with apples, mounded
          slightly. Cover with a lattice work crust. Gently pour the sugar and
          butter liquid over the crust. Pour slowly so that it does not run off.
        </li>
        <li>
          Bake 15 minutes in the preheated oven. Reduce the temperature to 350
          degrees F (175 degrees C). Continue baking for 35 to 45 minutes, until
          apples are soft.
        </li>
      </ol>
    </main>
  </body>
 </html>
diff --git a/style.css b/style.css
 body {
  margin: 0;
  font-family: 'Lato', sans-serif;
  font-weight: lighter;
  line-height: 1.5;
 }

 header {
  background-color: grey;
  background-image: url('../images/apple-pie.jpg');
  background-size: cover;
  background-position: center center;
  padding: 250px 0;
 }

 header h1 {
  text-align: center;
  margin: 0;
  color: white;
  font-size: 64px;
  font-weight: lighter;
 }

 img {
  max-width: 100%;
 }

 main {
  max-width: 700px;
  padding: 20px;
  margin: 0 auto;
 }

 p {
  font-size: 20px;
 }

 main img {
  display: block;
  margin: 32px auto;
  width: 400px;
 }

 ul {
  padding-left: 8px;
 }

 ol {
  padding-left: 0;
 }

 ul li {
  list-style-type: '- ';
 }

 ol li {
  list-style: none;
  counter-increment: unordered-list-item;
 }

 ol li:before {
  content: counter(unordered-list-item) ')';
 }
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<title>Apple Pie Recipe</title>
	<!-- don't forget to link your styles -->
	<link rel="preconnect" href="https://fonts.gstatic.com" />
	<link
	href="https://fonts.googleapis.com/css2?family=Lato:wght@300;400&display=swap"
	rel="stylesheet"
	/>
	<link rel="stylesheet" href="styles/style.css" />
	</head>
	<body>
	<header>
	<h1>Apple Pies</h1>
	</header>
	<main>
	<p>
	This was my grandmother's apple pie recipe. I have never seen another
	one quite like it. It will always be my favorite and has won me several
	first place prizes in local competitions. I hope it becomes one of your
	favorites as well!
	</p>
	<img
	src="images/recipe-info.png"
	alt="1h30m cooking time, 8 servings, 512 calories"
	/>
	<hr />
	<h2>Ingredients</h2>
	<ul>
	<li>1 recipe pastry for a 9 inch double crust pie</li>
	<li>1/2 cup unsalted butter</li>
	<li>3 tablespoons all-purpose flour</li>
	<li>1/4 cup water</li>
	<li>3 tablespoons all-purpose flour</li>
	<li>1/4 cup water</li>
	<li>1/2 cup white sugar</li>
	<li>1/2 cup packed brown sugar</li>
	<li>8 Granny Smith apples - peeled, cored and sliced</li>
	</ul>
	<img
	src="images/cooking-info.png"
	alt="Prep Time 30 minutes, Cooking time 1 hour, Ready in 1 hour 30 minutes"
	/>
	<hr />
	<h2>Directions</h2>
	<ol>
	<li>
	Preheat oven to 425 degrees F (220 degrees C). Melt the butter in a
	saucepan. Stir in flour to form a paste. Add water, white sugar and
	brown sugar, and bring to a boil. Reduce temperature and let simmer.
	</li>
	<li>
	Place the bottom crust in your pan. Fill with apples, mounded
	slightly. Cover with a lattice work crust. Gently pour the sugar and
	butter liquid over the crust. Pour slowly so that it does not run off.
	</li>
	<li>
	Bake 15 minutes in the preheated oven. Reduce the temperature to 350
	degrees F (175 degrees C). Continue baking for 35 to 45 minutes, until
	apples are soft.
	</li>
	</ol>
	</main>
	</body>
	</html>
	body {
	margin: 0;
	font-family: 'Lato', sans-serif;
	font-weight: lighter;
	line-height: 1.5;
	}

	header {
	background-color: grey;
	background-image: url('../images/apple-pie.jpg');
	background-size: cover;
	background-position: center center;
	padding: 250px 0;
	}

	header h1 {
	text-align: center;
	margin: 0;
	color: white;
	font-size: 64px;
	font-weight: lighter;
	}

	img {
	max-width: 100%;
	}

	main {
	max-width: 700px;
	padding: 20px;
	margin: 0 auto;
	}

	p {
	font-size: 20px;
	}

	main img {
	display: block;
	margin: 32px auto;
	width: 400px;
	}

	ul {
	padding-left: 8px;
	}

	ol {
	padding-left: 0;
	}

	ul li {
	list-style-type: '- ';
	}

	ol li {
	list-style: none;
	counter-increment: unordered-list-item;
	}

	ol li:before {
	content: counter(unordered-list-item) ')';
	}