CSS foundations-Values and Units

@Andrea - You are right about 1rem.

I apparently missed something too I didn't read the directions closely enough.

.more a in plain english translates to find a link that is the descandant of an element with the class of more.

Remember CSS selectors are read from right to left or as I sometimes think of it, from the inside out.

A rem is like the base unit size for the document. Ems are relative to that base unit. For example, I almost always use 16px as my base font-size. I write all my ems in relation to that. 16px = 1em.

CSS3 can take px, em, rem as well as in, cm, mm as units of measurement.

In this exercise, you are just using rem instead of em. I hope this helps.

Andrea Breiholz Can you help me with this? This is what i put and it says that its wrong can you tell me if i'm missing something?

/* Write your CSS code below */

html{ 
  font-size:16px; 
} 
h1{ 
  font-size:2.5em; 
}
p{
  font-size:1.5em; 
}
.more a{
  font-size:1rem; 
}

Hi Daniel! Try a.more as your identifier then use the same style you had it set as before. I had the same problem. Let me know if that works out :-)

Wooh! Teamwork :D

There are a few other units of measurement that are occassionally mentioned in the context of CSS, pts, picas pcs and exs. Not they are almost ever used.

The most common units of measure are, in order of use:

• pixels
• ems
• percentags
• points (for print style sheets)
• rem (root ems)

I really need help with this as well. I can't seem to get past this point and can't figure out where I am going wrong. Here is what I "thought" it should be but now I'm just lost.

/* Write your CSS code below */

html{ font-size:16px; }

h1{ font-size:2.5em; }

p{ font-size:1.5em; }

.more a{ font-size:1.6rem; }

@Andrea - font-size:1.6rem means make the font 1.6 times the font size of the root element.

You want to make the same as font size as of the root element, I hope that helps.

Ok thank you James... so then my next thought would be to change that to 1rem? But that isn't working either. Somewhere I missed something... any thoughts?

Thanks James, you really helped me out. I finally got it. I was pulling my hair out! Can't believe it was so simple, but it's helping me throughout the CSS course.

Thank you again!

I keep getting this one wrong I put

.more a { font-size:1rem; }

Doesnt work. What am I doing wrong

It worked Andrea thanks.