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>
1.3 KiB
1.3 KiB
id, title, challengeType
| id | title | challengeType |
|---|---|---|
| 5f356ed656a336993abd9f7c | Part 26 | 0 |
Description
Next, you want to center the div horizontally. You can do this by setting its margin-left and margin-right properties to auto. Think of the margin as invisible space around an element. Using these two margin properties, center the div element within the body element.
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>
<header>
<h1>CAMPER CAFE</h1>
<p>Est. 2020</p>
</header>
<main>
<section>
<h2>Coffees</h2>
</section>
</main>
</div>
</body>
<html>
body {
/*
background-color: burlywood;
*/
}
h1, h2, p {
text-align: center;
}
--fcc-editable-region--
div {
width: 80%;
background-color: burlywood;
}
--fcc-editable-region--