Functions and Operations 4.Arithmetic doesn't work


#1



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

arithmetic


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;
}


#2

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.


#3

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


#4

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;
}

#5

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