[Bug] the following linear-gradient doesnt render on sololearn (it does on my browser)

Question

https://code.sololearn.com/WObMvVrxXLAG/?ref=app
it renders well on my phone's browser, but not on sololearn

Answer 1

JME the rest of the past was written in anger. Initially i had it just on the body tag straight way body{background-color:linear-gradient(#8942a8,turquoise);}.
This css worked for my phone and not on sololearn. After that i tried different ways which didn't work. After that i write all the code in anger so that's where the silly mistakes crept in. But believe me it still doesn't work with the fixes .

Answer 2

JME anyways thank you. The "position: absolute;" was somehow causing it which is maybe a bug. You can still go and uncomment it to see the bug its causing.

Answer 3

JME yes i guess that's the problem but isn't it wierd how an incorrect property cause such a behaviour

Answer 4

#1 your css selector is wrong.
.cont should be #cont{}
#2 that is not how you you set vendor css, each needs background declared before it, example:
background: -moz-linear-gradient(black, transparent); /* FF 3.6+ */
background: -ms-linear-gradient(black, transparent); /* IE10 */
however in this case none should be needed to display on mobile.

Answer 5

You can't use position on the body element. But you can on a div.
https://code.sololearn.com/Wrwv55NMp7tN/?ref=app