linear-gradient question

Question

So I have this code.
https://code.sololearn.com/WtdYtTgZ2HYU/?ref=app

The linear gradient was fine on the sololearn website. Why do I need the background-repeat property on the mobile app?

Answer 1

Due to the fact that, Code Playground code run on webview. By default, Sololearn app didn't set the height of webview body to 100%.

add this code on CSS should resolve the issue.

html, body {
height: 100%;
}

https://code.sololearn.com/Wz1xbCu8TVlb/?ref=app

Answer 2

Thanks my dude.

Answer 3

Same issue here

Samsung S4
Android 8.1 & 5.1
Updated webview