Im stuck on question 7/10 as its not recognising my H2 font size to 56px


#1


<img src="//codecademy-discourse.s3.amazonaws.com/original/5X/4/e/e/b/4eeb47c33eb28322fa8da29c62da3b9e90e8c0a6.png" width="690" height="388">


index.html:


<!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>



main.css:


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

h1 {
	color: rgb(46,105,163);font-size: 32px;font-family: Palatino, 'Palatino Linotype', serif;
}

h2.hero {
  font-size: 56px;font-family: 'Trebuchet MS', Helvetica, sans-serif;
} 
	



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


p {

}

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


#2

You have it set to h2.hero it should just be h2


#3

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