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


<img src="//" width="690" height="388">


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


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;


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


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