Did you remove the text-align property in the .partner CSS rule?


#1


Can´t go further. I removed the text-align settings at .prop and .partner.
Always get the Alert:
Did you remove the text-align property in the .partner CSS rule?
What´s wrong with it?

https://www.codecademy.com/courses/learn-html-css/lessons/ids-classes-divs/exercises/multiple-selectors?action=lesson_resume&link_content_target=interstitial_lesson


body {
background-color: #FFF;
margin: 0;
padding: 0;
}

.header {
background-image: url("https://s3.amazonaws.com/codecademy-content/courses/web-101/unit-5/htmlcss1-img_canyon.jpeg");
background-position: center center;
background-size: cover;
height: 700px;
width: 100%;
}

/* Add the ID selector to this CSS rule */

header-text {

margin: 0 auto;
position: relative;
text-align: center;
top: 25%;
width: 60%;
}

h1 {
color: #FFF;
font-family: 'Quicksand', sans-serif;
font-size: 70px;
font-weight: 400;
line-height: 60px;
margin: 0;
}

h2 {
color: #FFF;
font-family: 'Open Sans', sans-serif;
text-align: center;
font-size: 28px;
font-weight: 100;
}

h3 {
color: #FFF;
font-family: 'Quicksand', sans-serif;
font-size: 28px;
font-weight: 400;
line-height: 30px;
margin: 10px 0px;
text-align: center;
}

h4 {
color: #CCC;
font-family: 'Quicksand', sans-serif;
font-size: 16px;
font-weight: 300;
}

p {
color: white;
font-family: 'Open Sans', sans-serif;
font-size: 16px;
font-weight: 100;
line-height: 24px;
margin: 0 auto;
text-align: center;
width: 60%;
}

/* Add the class selector to this CSS rule */

.partner{
padding: 20px;
margin: 0 auto;
border-bottom: 1px solid #EEE;
}

.partner img {
position: relative;
top: 6px;
}

.aa-logo {
padding-left: 6px;
}

.main {
background: url("https://s3.amazonaws.com/codecademy-content/courses/web-101/unit-5/shards.png");
margin: 0;
padding: 40px;
}

.value-props {
margin: 40px auto;
width: 60%;
}

.prop {
border: 1px solid #FFF;
padding: 40px 0px;
margin: 5px 0px;
}

.prop h2 {
font-family: 'Quicksand', sans-serif;
font-size: 24px;
}


Did you remove the text-align property in the .partner CSS rule?


Replace this line with your code.


Did you remove the text-align property in the .partner CSS rule?
#2

Same problem here. I've tried both Chrome ver. 51 and Firefox ver. 46.0.1.


#3

Me too. My code looks the same as yours @loomag and I get the same alert. Have tried refreshing, deleting the text-align settings for .prop and .partner in previous exercises, etc. Nothing seems to work.


#5

i have the same issue, have tried many ways to try and get around it but nothing has worked.


#6

I figured it out. Go back to page 4/12. The "Stuck? Get a hint" dropdown tells you that "The second < div> element on the page contains an < h4> heading inside of it.", so look for the < h4>, and then add "class="partner"" to the first line of that < div>". You may have put it in the nested second line of what is actually considered the first < div> element, like I originally did.

I had a similar problem on the previous font exercise. Apparently, you have to be careful of what you do earlier on in these things, or an accidental error might catch up to you down the line.


#7

That's correct! And to work properly you have to remove the code
".partner, .prop {
text-align: center;
}"
if you already wrote it. RUN.
Add that code again. Click RUN again.

Thanks, lamontmallory.


#8

thank you so much @lamontmallory! It worked. :slight_smile:


#9

This doesnt really make any sense to me. Why would we add the partner class to h4 when we are just deleting properties for the styles?


#10

Ive also added the class to the h4


Proud Partner of Am South Airlines


but its still not workin


#12

It was from a previous step, I too had added the class to the incorrect
spot, his fix worked for me as I realized I added the class incorrectly in
this step 4.


#13

Ive literally been going back and forth and cant figure this out! I have the text-align: center; gone from .prop and partner. I also have the class="partner" in the 2nd div and the div above the h4. Why would we even need to do that,t he directions say the 2nd div.


#15

I can't get it to work in any way myself either. I've Done everything what's been told here before.

Any other tricks?


#16

I'm not sure why this works but you will need to copy the css and html code off to notepad (or two) before you do this.

After you have them both copied then in the browser select all the code and delete it from both html and css. Then click run. This made it for me it at least, possible to move on to the next part of the tutorial. Once there, just copy back the html and css.


#17

Thanks @lamontmallory. It worked for me as well.


#18

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