CSS validator

Question

Hi, I'm getting this error from JigsawCssValidator:
97  footer  
Value Error : font-size only 0 can be a length. You must put a unit after your number : 0.75
And this is my css:
body {
font-family: 'Open Sans', sans-serif;
}
wrapper {
max-width: 940px;
margin: 0 auto;
padding: 0 5%;
}
a {
  text-decoration:none;
}
img {
  max-width: 100%;
}
h3 {
margin: 0 0 1em 0;
}
header {
  float: left;
  margin: 0 0 30px 0;
  padding: 5px 0 0 0;
  width: 100%; 
}
logo {
  text-align: center;
  margin: 0;
}
h1 {
  font-family: 'Changa One', sans-serif;
  margin: 15px 0;
  font-size: 1.75em;
  font-weight: normal;
  line-height: 0.8em;
}
h2 {
  font-size: 0.75em;
  margin: -5px 0 0;
  font-weight: normal;
}
nav {
text-align: center;
padding: 10px 0;
margin: 20px 0 0;
}
nav ul {
  list-style: none;
  margin: 0 10px;
  padding: 0;
}
nav li {
display: inline-block;
}
nav a {
  font-weight: 800;
  padding: 15px 10px;
}
footer {
  font-size: 0.75;
  text-align: center;
  clear: both;
  padding-top: 50px;
  color: #ccc;
}
.social-icon {
  width: 20px;
  height: 20px;
  margin: 0 5px;
}
gallery {
  margin: 0;
  padding: 0;
  list-style: none; /rimuove il bullet point/
}
gallery li {
  float: left;
  width: 45%;
  margin: 2.5%;
  background-color: #f5f5f5;
  color: #bdc3c7;
}
gallery li a p {
  margin: 0;
  padding: 5%;
  font-size: 0.75em;
  color: #bdc3c7;
}
.profile-photo {
  display: block;
  max-width: 150px;
  margin: 0 auto 30px;
  border-radius: 100%;
}
.contact-info {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 0.9em;
}
.contact-info a {
  display: block;
  min-height: 20px;
  background-repeat: no-repeat;
  background-size: 20px 20px;
  padding: 0 0 0 30px;
  margin: 0 0 10px;
}
.contact-info li.phone a {
  background-image: url('../img/phone.png');
}
.contact-info li.mail a {
  background-image: url('../img/mail.png');
}
.contact-info li.twitter a {
  background-image: url('../img/twitter.png');
}
/* site body */
body {
background-color: #fff;
color: #999;
}
/* green header */
header {
background-color:#6ab47b;
border-color:#599a68;
}
/* nav background on mobile */
nav {
  background: #599a68;
}
/* logo text */
h1, h2 {
  color: #fff;
}
/* links */
a {
  color: #6ab47b;
}
/* nav link */
nav a, nav a:visited {
  color: #fff;
}
/* selected nav link */
nav a.selected, nav a:hover {
  color: #32673f;
}
I don't get the error. What am I doing wrong?
Thanks for looking into it.
X

Erik S. · Accepted Answer

Hi,
in this line, you didnt put a value behind the font-size. Its supposed to be 0.75 em

footer { font-size: 0.75; text-align: center; clear: both; padding-top: 50px; color: #ccc; }

Hope this helps

edeharrison · Answer

Hi Chiara,
You need to assign a unit to the font's size:
css
footer { 
   font-size: 0.75;
}

At the moment it '0.75', but 0.75 what? You need to specify between 'px', 'em', etc
Hope that helps,
Ede

Welcome to the Treehouse Community

Looking to learn something new?

chiara capuzzo

chiara capuzzo

CSS validator

wrapper {

logo {

gallery {

gallery li {

gallery li a p {

2 Answers

Erik S.

Erik S.

chiara capuzzo

chiara capuzzo

edeharrison

edeharrison

chiara capuzzo

chiara capuzzo