b3cbbe0f3d
* fix: made some verbiage changes to existing steps * fix: rewrite step 45 instructions * fix: added two steps between 45 and 46 * fix: miscellaneous edits for steps 21,22, 27 * fix: change step 35 to allow for smaller steps * fix: update 36-41 seed code * fix: added new step between 41 and 42 * fix: add new step between 42 and 43 * fix: broke step 33 into 4 new steps * fix: removed unnecessary step 37 * fix: change wording of step 33 instructions * fix: corrected ERM syntax * fix: corrected seed code typos in steps 45 and 46 * fix: corrected typo Co-authored-by: Tom <20648924+moT01@users.noreply.github.com> * fix: changed wording to improve readability Co-authored-by: Kristofer Koishigawa <scissorsneedfoodtoo@gmail.com> * fix: changed "Free Code Camp" to "freeCodeCamp" Co-authored-by: Tom <20648924+moT01@users.noreply.github.com> * fix: corrected typo and improved wording Co-authored-by: Tom <20648924+moT01@users.noreply.github.com> * fix: corrected typo Co-authored-by: Tom <20648924+moT01@users.noreply.github.com> * fix: correct typos Co-authored-by: Kristofer Koishigawa <scissorsneedfoodtoo@gmail.com> * fix: corrected punctuation Co-authored-by: Kristofer Koishigawa <scissorsneedfoodtoo@gmail.com> * fix: corrected punctuation Co-authored-by: Kristofer Koishigawa <scissorsneedfoodtoo@gmail.com> * fix: corrected punctuation Co-authored-by: Kristofer Koishigawa <scissorsneedfoodtoo@gmail.com> * fix: added missing period Co-authored-by: Kristofer Koishigawa <scissorsneedfoodtoo@gmail.com> * fix: corrected typo Co-authored-by: Kristofer Koishigawa <scissorsneedfoodtoo@gmail.com> * fix: added the missing word "larger" Co-authored-by: Kristofer Koishigawa <scissorsneedfoodtoo@gmail.com> * fix: corrected typo Co-authored-by: Kristofer Koishigawa <scissorsneedfoodtoo@gmail.com> * fix: change paragraph to `p` * fix: reorderd steps after step 37 deleted * fix: added two new steps to fix missing steps problem * fix: added missing ERMs for step 69 Co-authored-by: Tom <20648924+moT01@users.noreply.github.com> Co-authored-by: Kristofer Koishigawa <scissorsneedfoodtoo@gmail.com>
3.4 KiB
3.4 KiB
id, title, challengeType, isHidden
| id | title | challengeType | isHidden |
|---|---|---|---|
| 5f45b715301bbf667badc04a | Part 87 | 0 | true |
Description
The menu text CAMPER CAFE has a different space from the top than the address at the bottom of the menu. This is due to the browser having some default top margin for the h1 element.
Change the top margin of the h1 element to 0 to remove all the top margin.
Tests
tests:
- text: Test 1
testString: ''
Challenge Seed
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Camper Cafe Menu</title>
<link href="styles.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="menu">
<header>
<h1>CAMPER CAFE</h1>
<p class="established">Est. 2020</p>
</header>
<hr>
<main>
<section>
<h2>Coffees</h2>
<article class="item">
<p class="flavor">French Vanilla</p><p class="price">3.00</p>
</article>
<article class="item">
<p class="flavor">Carmel Macchiato</p><p class="price">3.75</p>
</article>
<article class="item">
<p class="flavor">Pumpkin Spice</p><p class="price">3.50</p>
</article>
<article class="item">
<p class="flavor">Hazelnut</p><p class="price">4.00</p>
</article>
<article class="item">
<p class="flavor">Mocha</p><p class="price">4.50</p>
</article>
</section>
<section>
<h2>Desserts</h2>
<article class="item">
<p class="dessert">Donut</p><p class="price">1.50</p>
</article>
<article class="item">
<p class="dessert">Cherry Pie</p><p class="price">2.75</p>
</article>
<article class="item">
<p class="dessert">Cheesecake</p><p class="price">3.00</p>
</article>
<article class="item">
<p class="dessert">Cinammon Roll</p><p class="price">2.50</p>
</article>
</section>
</main>
<hr class="bottom-line">
<footer>
<p>
<a href="https://www.freecodecamp.org" target="_blank">Visit our website</a>
</p>
<p>123 Free Code Camp Drive</p>
</footer>
</div>
</body>
<html>
body {
background-image: url(https://tinyurl.com/coffee-beans-fcc);
font-family: sans-serif;
padding: 20px;
}
--fcc-editable-region--
h1 {
font-size: 40px;
}
--fcc-editable-region--
h2 {
font-size: 30px;
}
.established {
font-style: italic;
}
h1, h2, p {
text-align: center;
}
.menu {
width: 80%;
background-color: burlywood;
margin-left: auto;
margin-right: auto;
padding: 20px;
max-width: 500px;
}
hr {
height: 2px;
background-color: brown;
border-color: brown;
}
.bottom-line {
margin-top: 25px;
}
h1, h2 {
font-family: Impact, serif;
}
.item p {
display: inline-block;
margin-top: 5px;
margin-bottom: 5px;
font-size: 18px;
}
.flavor, .dessert {
text-align: left;
width: 75%;
}
.price {
text-align: right;
width: 25%
}
/* FOOTER */
footer {
font-size: 14px;
}
a {
color: black;
}
a:visited {
color: black;
}
a:hover {
color: brown;
}
a:active {
color: brown;
}