Learn Basic CSS by Building a Cafe Menu - Step 16

Tell us what’s happening:

I’ve tried multiple variations, changing the order of the the rel and href, tried it with and without the forward slash at the end of the link element, even found some solutions online and still cant seem to get this one right.

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">

<!-- User Editable Region -->

    <meta charset="utf-8" />
    <title>Cafe Menu</title>
    <link rel:"stylesheet" href:"styles.css">

<!-- User Editable Region -->

      <h1>CAMPER CAFE</h1>
      <p>Est. 2020</p>
/* file: styles.css */
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/ Safari/537.36

Challenge Information:

Learn Basic CSS by Building a Cafe Menu - Step 16

Hello and welcome to the community @cocomedic !

Please take a close look at the quote above?

Should it be : or = for the operator?

Wishing you good progress!


Hey @cocomedic ,

you did everything right, but mixed the syntax up. In HTML you use ’ attribute=“value”'.
In CSS you use ‘attribute: value;’

So what you have to do is, change the ‘:’ in your code to ‘=’.

Result should be: ’ rel=“stylesheet” href=“styles.css” ’ inside your link element

Hope I could help :slight_smile:

1 Like

Thank you! That fixed it. It must have been getting later for me. Greatly appreciated.


You are welcome.
Happy to help you progress.

Not to worry. We all have these moments when I brain takes a little bit of a holiday and leaves us wondering what happened there.

Wishing you more good progress @cocomedic .