Learn Basic CSS by Building a Cafe Menu - Step 14

HTML-CSS
1

I was instructed to rewrite the styles I have created into the styles.css file and to exclude the opening and closing style tags. I have tried this but I’m still unsure about what style exactly I’m supposed to include. Help?

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <title>Cafe Menu</title>
    <style>
      h1, h2, p {
        text-align: center;
      }
    </style>
  </head>
  <body>
    <main>
      <h1>CAMPER CAFE</h1>
      <p>Est. 2020</p>
      <section>
        <h2>Coffee</h2>
      </section>
    </main>
  </body>
</html>

/* file: styles.css */

/* User Editable Region */

styles.css

/* User Editable Region */

 h1, h2, p {
     text-align: center;
   }

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/116.0.0.0 Safari/537.36 Edg/116.0.1938.69

Challenge: Learn Basic CSS by Building a Cafe Menu - Step 14

Link to the challenge:

2
  • this code passes for me, try disabling browser extensions such as “dark theme”
  • or try a different browser

happy coding :slight_smile:

2 Likes
3

This piece of code should be now in your stlyes.css file. Once you move it over you will need to delete it from your HTML completely. After which you will link the two files together with the <link> element

Also don’t worry if the style gets messed up once you delete the <style> tags from html, linking the styles.css afterwards will bring them back…

2 Likes
4

styles.css
mod edit: removed solution
this the solution to it

5

@Teryima

It is great that you solved the challenge, but instead of posting your full working solution, it is best to stay focused on answering the original poster’s question(s) and help guide them with hints and suggestions to solve their own issues with the challenge.

We are trying to cut back on the number of spoiler solutions found on the forum and instead focus on helping other campers with their questions and definitely not posting full working solutions.

1 Like