How to display It on your phone?

Question

I use the radial gradient in the CSS to create
a rainbow, why Can I see It on the computer,
can't I see It on the phone?
https://code.sololearn.com/WC7vo85geZ4f/?ref=app

Answer 1

It will not work because you are using the prefix -moz

If you want it to work, you should check this. Usually the prefixes -webkit, -ms, -o and finally the property are also added.

https://developer.mozilla.org/en-US/docs/Web/CSS/gradient

Answer 2

I don't think it's even right to Use the direction "Bottom right " for a radial Gradient.

Radial gradient requires that you use degrees like 90 deg, 150deg.

It is when you are using Linear-gradients that you'll be able to use directions like :::
top left,
to right
to bottom right etc

Answer 3

Hi sweetswing2460 !

Between Mickel's suggestion (to delete the "-moz-" vendor prefix) and Mystique's suggestion (to remove the "bottom right," phrase from among the radial-gradient values), your code should show a gradient background.

You can also play with these (https://www.w3schools.com/css/tryit.asp?filename=trycss3_gradient-radial_size) to make it more like a rainbow (half a circle) and less like a (full) circle.

I hope this helps!