Problem with 5.3

#1


Hello,

https://www.codecademy.com/en/courses/make-a-website/lessons/closer-look-css/exercises/font-color?action=resume

I wrote this code for the 5.3 (hexadecimal value required) :

h1 {
font-size: 32px;
font-family: Palatino, 'Palatino Linotype', serif;
color : #;
}

It refuse to check my answer as right, and i am stucked into this.
"Did you change the h1 color to a hexidecimal value?" - It still says

#2

a hex value has still 3 or 6 letters/digits after the #, for example:

#000000

depending on the color you need to use

#3

Yah i know ... but i wrote the good value (just forgot to type it in my last post).
i wrote
color : #2e69a3

#4

then everything should be good?

#5

Yes but i have still the message and im still stucked !

#6

please post your full code so i can have a look

#7

body {
height: 100%;
margin: 0;
text-align: center;
width: 100%;
}

h1 {
font-size: 32px;
font-family: Palatino, 'Palatino Linotype', serif;
color : #2e69a3;
}

h2 {
font-size: 32px;
}

.hero {
padding: 250px 0;
margin: 30px;
}

p {

}

.hero a {
color: #00FFAA;
font-size: 24px;
text-decoration: none;
}

#8

Any help ? plz ! I need help !

#9

Try a different browser, everything seems fine.

#10

I tryed evry browser i have, Mozilla Firefox, and even Microsoft edge.
Cannot you just find a way out ?

#11

Maybe the empty rule is causing the problem.

p {

}

Reset the code and try again.

#12

I tryed with or without the p {}.
Both solution don't works.
I read some similar post from before, but the solution wasn't written.

#13

And reseting the exercise is not changing anything. Plz debug it !

#14

Try using "color" not "Color". Let me know if it works.

CSS is not case sensitive. But I think that the parser is searching for "color", I think.

#15

Did you read the message posted with the script ? I wrote color. And yes i tryed with every case combination in every way possible to write color (Color, cOLOR, COLOR, COLor, ...) !!!

#16

Yes I did. Can you post your full code here, HTML + CSS?

#17 

body {
	height: 100%;
	margin: 0;
	text-align: center;
	width: 100%;

}

h1 {
	font-size: 32px;
  font-family: Palatino, 'Palatino Linotype', serif;
  color : #2e69a3;
}

h2 {
	font-size: 32px;
}


.hero {
	padding: 250px 0;
	margin: 30px;
}


p {
}

.hero a {
  color: #00FFAA;
	font-size: 24px;
	text-decoration: none;
}

<!DOCTYPE html>
<html>
<head>
	<title>Sprout</title>
	<link rel="stylesheet" type="text/css" href="main.css"/>
</head>
<body>
	<h1>Mystwood Publishers Ltd.</h1>
	<div class="hero">
		<h2>Sprout.</h2>
		<p>A book by J. Daniel Bedford</p>
		<a href="#">Read now.</a>
	</div>
	<p>&copy; Mystwood Publishers Limited</p>
</body>
</html>
#20

Try removing the space between color and :

#22

I had the same dilemma, I was stuck on CSS 5/10, replacing value red with Hexadecimal color. However, I was able to solve this problem by entering the code afresh i.e. replacing every character, including the semi-colon (:wink: after every new entry, that did the trick. Hope this helps! o

#23

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