I am stuck please help me out

I am stuck please help me out
0.0 0

#1

Tell us what’s happening:

Your code so far

<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
<style>
  .red-text {
    color: red;
  }

  h2 {
    font-family: Lobster, Monospace;
  }

  p {
    font-size: 16px;
    font-family: Monospace;
  }
</style>

<h2 class="red-text">CatPhotoApp</h2>
<img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."<style>.smaller-image{width:100px;}</style>>

<p class="red-text">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
<p class="red-text">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>

Your browser information:

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

Link to the challenge:


#2

The challenge asks you to create a new class and assign it to an existing element.

  1. To create a new CSS class in this challenge, you should work between the <style> tags

  2. You define a new class by using a dot “.” and the name of the new class without whitespaces:

.new-class

  1. You use curly brackets to define the properties of the new class:

.new-class { }

  1. You declare a property and its value with a colon “:” and a semicolon “;” inside the curly brackets:

.new-class { property: value; }

Now you have a new class! :star_struck:

To assign the new class to an existing element, you have to include it in the opening HTML tag using the “class” keyword:

<p class="new-class">This is a paragraph with a new class</p>

Please note that the classes must be included between double quotes (") and that you can assign multiple classes to the same element by using whitspaces:

<p class="new-class another-class">

The challenge itself is quite self-explanatory, the property you will use is width that takes an amount of pixels px as value.


#3

You won’t ever need to nest an element inside the actual tag. Elements nest like
<p><a href="#"></a></p>
but never like
<p <style></style>>lorem ipsum dolor sit amet</p>

Styles like that always go in the head. The browser won’t know what to do with them if they’re anywhere else!

So, that goes in the head (like next to your .red-text class) and then you put the class into the element tag as an attribute. Just like you did with your h2 in the exercise before, see?