Putting it all together Lesson 13


#1

Please help. I keep getting an error 4 this lesson. "Oops, try again.

Did you remember to add the intro ID to the h2 header?"

Here are my codes for both html and css
indent preformatted text by 4 spaces







Introduction


Classes and IDs in CSS


Classes and IDs are super easy in CSS. You're using them right now!


Regular HTML Selectors


If you don't bother with a class or ID, an HTML element just gets
the regular CSS styling for that element—or the default styling if you
don't specify any particular styling on the stylesheet.




intro {

color: #B83C3A;

}

.standout {
color: #F7AC5F;
font-family: Verdana;
}


#2

i really need to see your html code, when intending, make sure you have selected the code

if you edit/update your question, leave a reply so i get a notification. Your code is not visible, take the following steps to make your code visible:

select your code and press ctrl + shift + c (or cmd + shift + c if you use a mac)

if this instructions are unclear, you can also insert 3 backticks before and after your code, like so:

```
<p>visible</p>
```

the backtick is located above the tab key on your keyboard


#3

Hi...I did this before...not sure what happened. Here goes again:

<!DOCTYPE html>
<html>
    <head>
        <link type="text/css" rel="stylesheet" href="stylesheet.css"/>
        <title>Result</title>
    </head>
    <body>
        <h2 class="Intro">Introduction</h2>
        <h3 class="standout">Classes and IDs in CSS</h3>
        <p>Classes and IDs are super easy in CSS. You're using them right now!</p>
        <h3>Regular HTML Selectors</h3>
        <p>If you don't bother with a class or ID, an HTML element just gets
           the regular CSS styling for that element—or the default styling if you
           don't specify any particular styling on the stylesheet.
        </p>
    </body>
</html>

#4

you added a class intro to h2, not an id. Also, i would make intro have a lowercase i


#5

:confused:

<!DOCTYPE html>
<html>
    <head>
        <link type="text/css" rel="stylesheet" href="stylesheet.css"/>
        <title>Result</title>
    </head>
    <body>
        <h2>Introduction</h2>
        <h2 id="intro">Introduction</h2>
        <h3>Classes and IDs in CSS</h3>
        <h3 class="standout"></h3>
        <p>Classes and IDs are super easy in CSS. You're using them right now!</p>
        <p class="standout"></p>
        <h3>Regular HTML Selectors</h3>
        <p>If you don't bother with a class or ID, an HTML element just gets
           the regular CSS styling for that element—or the default styling if you
           don't specify any particular styling on the stylesheet.
        </p>
    </body>
</html>

#6

What did you do? you had this code:

<!DOCTYPE html>
<html>
    <head>
        <link type="text/css" rel="stylesheet" href="stylesheet.css"/>
        <title>Result</title>
    </head>
    <body>
        <h2 class="Intro">Introduction</h2>
        <h3 class="standout">Classes and IDs in CSS</h3>
        <p>Classes and IDs are super easy in CSS. You're using them right now!</p>
        <h3>Regular HTML Selectors</h3>
        <p>If you don't bother with a class or ID, an HTML element just gets
           the regular CSS styling for that element—or the default styling if you
           don't specify any particular styling on the stylesheet.
        </p>
    </body>
</html>

the only thing you needed to do was replace this:

<h2 class="Intro">

with this:

<h2 id="intro">

now you have a h2 with id intro, as the exercise tells you, where did all this extra code come from?


#7

I've figured it out now thanks for helping.


#8

A post was split to a new topic: Need help with 13


#10

I know this was almost 2 years ago, but I see more missing from this code. It should also contain id for the first paragraph




Result


Introduction


Classes and IDs in CSS


Classes and IDs are super easy in CSS. You're using them right now!


Regular HTML Selectors


If you don't bother with a class or ID, an HTML element just gets
the regular CSS styling for that element—or the default styling if you
don't specify any particular styling on the stylesheet.




#11