Challenge building a nutrition label step 25

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.
hello i’m stuck on step 25 on this challenge i cant target the title h1 in the header i precise h1 got a class and it s thr first time i must do something like that i lookked on google but don’t find the solution for the moment somebody to help me please ?

  **Your code so far**

/* file: index.html */
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Nutrition Label</title>
  <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,700,800" rel="stylesheet">
  <link href="./styles.css" rel="stylesheet">
</head>
<body>
  <div class="label">
    <header>
      <h1 class="bold">Nutrition Facts</h1>
      <div class="divider"></div>
      <p>8 servings per container</p>
      <p class="bold">Serving size <span class="right">2/3 cup (55g)</span></p>
    </header>
  </div>
</body>
</html>

/* file: styles.css */
* {
box-sizing: border-box;
}

html {
font-size: 16px;
}

body {
font-family: 'Open Sans', sans-serif;
}

.label {
border: 2px solid black;
width: 270px;
margin: 20px auto;
padding: 0 7px;
}

div,header,h1 {
text-align: center;
margin: -4px 0;
letter-spacing: 0.15px
}     



p {
margin: 0;
}

.divider {
border-bottom: 1px solid #888989;
margin: 2px 0;
}

.bold {
font-weight: 800;
}

.right {
float: right;
}

  **Your browser information:**

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

Challenge: Step 25

Link to the challenge:

2

Hello, you are almost there!

Hint:
you need to add just ONE of the 4 elements you put before h1!
if you delete 3 you have the solution.

3

i didnt understant the answer i’m already stuck to be sure i must put an another element in my selection ? i will become crazy with the selector

:sob: :rage:

4

div,header,.label,h1 {
text-align: center;
margin: -4px 0;
letter-spacing: 0.15px
}
it not pass like that too

5

You selected unnecessary elements, you only need the header and h1.

6

this from instructions Now update your h1 selector to be header h1, I think you are clearly instructed what to give in your selector

7

i tried like that first time it send me an error
here it is i dont lie

header, h1 {
text-align: center;
margin: -4px 0;
letter-spacing: 0.15px
}

8

Replace the comma with a space and you should pass

9

ye you can notice that this is also in the instructions, no comma

10

thank you everyone in fact probleme came from other part from above i delete by error this symbol {
i want to kill myself sorry to have disturb you thank you for your help

11

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