As a programming novice, I received an assignment from my teacher but despite following the instructions, the colors do not appear on the page when opened.
My goal is to create a gradient background color within the main element, but unfortunately, it does not display. Here is the code I am using:
main
/*background-image:url(pics/bg.jpg); background-repeat:repeat-y; background-color:#FFAA00;*/
#grad {
background: -webkit-linear-gradient(left, #FFF, #F80); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(right, #FFF, #F80); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(right, #FFF, #F80); /* For Firefox 3.6 to 15 */
background: linear-gradient(to right, #FFF, #F80); /* Standard syntax */
}
Even simplifying it to main {background-color: blue;}, the background remains white. Any assistance would be greatly appreciated!