Hey guys, I started the course shortly and am stuck on this problem: In the previous step, you used a type selector to style the h1
element. Center the h2
and p
elements by adding a new type selector for each one to the existing style
element.
The strange thing is my code once executed, centers all three elements h1, h2 and the paragraph but for some reason I don’t yet know, I can’t move to the next step.
Your code so far
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Cafe Menu</title>
<!-- User Editable Region -->
<style>
h1 {
text-align: center;
}
h2 {
text-align: center;
}
p {
text-align: center;
}
</style>
<!-- User Editable Region -->
</head>
<body>
<main>
<h1>CAMPER CAFE</h1>
<p>Est. 2020</p>
<section>
<h2>Coffee</h2>
</section>
</main>
</body>
</html>
Your browser information:
User Agent is: Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:109.0) Gecko/20100101 Firefox/111.0
Challenge: Learn Basic CSS by Building a Cafe Menu - Step 12
Link to the challenge: