7.4 Change the font-size to 1.25em for the ".hero a" selector



I changed font-size for anchor elements that are children of elements with the "hero" class to 1.25em

Error message that I have is: Did you change the font-size to 1.25em for the ".hero a" selector in main.css?

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

h1 {
	font-size: 32px;
  font-family: Palatino, 'Palatino Linotype', serif;
  color: rgb(121,149,117);

h2 {
	font-size: 56px;

.hero {
	padding: 250px 0;
	margin: 30px;
  font-family: 'Trebuchet MS', Helvetica, sans-serif;
  font-size: 1.25em;

p {
	font-size: 2rem

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


Is your zoom on 100%?


could you try 1.25rem instead of 1.25em ?
Moreover this line of code should be placed within the selector ".hero a" as asked in the exercise.


put it in '.HERO A' not in '.HERO'