Learn Basic CSS by Building a Cafe Menu - Step 14

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.
How do i create styles, css files?
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 */



/* User Editable Region */

Your browser information:

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

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

Link to the challenge:

2

what css style are you after?

3

simply copy and paste your styles from your Html file to your styles file but exclude the tags. Click on the index button to view your Html file.

2 Likes
4

This step directs us to copy the elements and the property and value into the styles.css.
Do not copy the style but only the code nested within the style element.
As the area to copy it to is already present when we start the step, it just a matter of copying all code within the style.

Hope this helps you!

1 Like
5

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.