This is a guess. No explanation is given. Closing bracket > after “style” was removed because it causes “style” not to appear on the preview.
It won’t let me put up a 2nd screenshot, so let me try to explain the problem. In the last step they want you to resize the text of the first P element using the class in the style tag that specifies this. Once again no explanation on how to put multiple classes into one line. Typing <p class=“h1” resizes the text only if you remove the one that says “red-text” and vice versa, how to make them work together isn’t explained,
You need 2 p elements with Kitty Ipsum text.
Make sure each of your p elements has a closing tag.
Your p element should contain the first few words of the provided additional kitty ipsum text.
You should add second <p> tag with the given text.
The first p element should have the class red-text.
Do not add a class attribute to the second p element.
Only the first (given) <p> tag should have class attribute.
Between the style tags, give the p elements font-size of 16px.
You should add styling for the p elements.
An example (I’m not writing you the exact solution, just an example):
<style>
.yellow-border {
border: 1px solid yellow;
}
p {
color: blue
}
</style>
On the screenshot you’ll notice the second P element has already been created. We’re OK there.
In my previous post (and screenshot) they’re saying the font can be resized by using the font sized element shown…
Question 1:
How do you add
h1 {
font-size: 16px
}
to
<style
.red-text {
color: red;
}
</style</p>
Question 2:
How do you add the newly created 16px style to:
<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>
On the page it tells you to do it without explaining how. No cheat sheet is provided.
That’s because you were not asked to do anything with h1.
That was an example of how you select an html tag which was h1 and change font-size
So if your are planning to change the font-size of text on every paragraph which is p
then it will be like so
p {
font-size: 16px;
}
p is the selector meaning that is the thing that will change when you change the value its property
Anyway look below. This is what you are supposed to do. No mention about h1
You need 2 p elements with Kitty Ipsum text.
Make sure each of your p elements has a closing tag.
Your p element should contain the first few words of the provided additional kitty ipsum text.
The first p element should have the class red-text.
Do not add a class attribute to the second p element.
Between the style tags, give the p elements font-size of 16px. Browser and Text zoom should be at 100%.
