Functions and Operations 4.Arithmetic doesn't work

<PLEASE USE THE FOLLOWING TEMPLATE TO HELP YOU CREATE A GREAT POST!>

I don’t know what’s wrong with my code.
The goal was to : > In main.scss compute the border-radius property of the .math class to be a 1/30th of its width
<Below this line, add a link to the EXACT exercise that you are stuck at.>
arithmetic

<In what way does your code behave incorrectly? Include ALL error messages.>
My error message is like this:
Did you assign the .math class height and line-height to be a sixth of the width in main.scss?

```

$width: 250px;
$lagoon-blue: fade-out(#62fdca, 0.5);

.math {
width: $width;
text-align: center;
background-color: $lagoon-blue;
color: red+blue;
height: $width/6;
line-height: $width/6;
border-radius: $width/30;
}

<do not remove the three backticks above>

If the border-radius is not rendering on the screen, then there is your culprit. The lines following the one above are not being parsed.

Sorry, just checked the lesson and that is not the problem.

Since we don’t see any syntax issue, it must be something logical. In the old days we had to stick hard and fast to the rule that foreground color be declared before background color. Try switching those two properties around.

like this:

 `$width: 250px;
$lagoon-blue: fade-out(#62fdca, 0.5);

.math {
  color: red+blue;
  text-align: center;
  width: $width;
  background-color: $lagoon-blue;
  height: $width/6;
    line-height: $width/6;
  border-radius : $width/30;
}`

Nope, still the same problem

This is what I meant…

.math {
  width: $width;
  text-align: center;
  color: red + blue;
  background-color: $lagoon-blue;
  height: $width/6;
  line-height: $width/6;
  border-radius:  $width/30;
}

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