Learn Basic CSS by Building a Cafe Menu - Step 11

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.

Your code so far

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <title>Cafe Menu</title>
    <style>

      h1{
        text-align = center;
      }
      
    </style>
  </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; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/106.0.0.0 Safari/537.36

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

Link to the challenge:

1 Like
2

:balloon: Hi, welcome to the forum!
We see you have posted some code but did you have a question?

3

Screenshot_2022-10-15_15_32_05
Screenshot_2022-10-15_15_32_051366×768 192 KB

4

Which step are you on?

5

Screenshot_2022-10-15_15_32_05
Screenshot_2022-10-15_15_32_051366×768 192 KB

6

Don’t delete the Impact font.
Just add the serif font next to it.

7

how to do ?? lapklnkdnadjnkajd

8

Click Restart Step button. This will return the original code.

Then write the word serif next to the word Impact.
(On the right of it)

9

h1, h2 {
font-family: Impact;
}

Step 59

You can add a fallback value for the font-family by adding another font name separated by a comma. Fallbacks are used in instances where the initial is not found/available.

Add the fallback font serif after the Impact font.

10

Yes. Now add the serif font next to the Impact font on the right of it.

11

please give me example

12
13

Screenshot_2022-10-15_15_50_00
Screenshot_2022-10-15_15_50_001366×768 212 KB

14

You are not supposed to delete the Impact font.

15

Here is an example of two fonts.
font-family: Georgia, serif;

The second one is the fallback font.

2 Likes
16

Mod edit: solution redacted

17

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
18

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