Changing font size with css

Hi guys !

I’ve just written this stylesheet for the Dasmoto Arts & Crafts project.

I’ve tried to set the font size at 32px like it said in the specs.

Unfortunately the size of the font stays the same. I’ve tried changing px size to test this, and make the font bigger but nothing changes. Where am I going wrong?

h1,h2,h3,p {
  font-family: helvetica;
}


h1 {
  background-image:url("https://s3.amazonaws.com/codecademy-content/courses/freelance-1/unit-2/pattern.jpeg");
  text-align:center;
  font-weight:bold;
  color:khaki;
  font-size:100px;
  padding right:10px;
  padding-left:10px;
}

h2 {
font-size:32px:
font-weight:bold;
color:white;
}

.brushes {
  background-color:mediumspringgreen;
}

.frames {
  background-color:lightcoral;
}

.paint {
  background-color:skyblue;

}

strong {
  color:blue;
}

doesn’t the editor give a red dot on the side telling you what the problem is?

seems it doesn’t. Strange. Anyway, you use a colon after 32px, this should be a semi-colon.

2 Likes

Ehy thank you so much, this solved the problem!

I’m writing the code on atom not on Codecademy that must be why :slight_smile:

Atom should be better then a web-based IDE to display this kind of errors

you also have padding right, which is not correct. All css properties are “one word”, or have hyphens in the words

1 Like