Implement a Web Page with CSS styles. Create div element with a width and height of 600 px. create a radial gradient with three colors. Start in the bottom left corner with the colors changing as they move along the gradient line to the right

Implement a Web Page with CSS stylesCreate a div element with a width and height of 500 px. Create a diagonal linear gradient using colors of the rainbow- Red, Orange, Yellow, Green, Blue, Indigo, Violet.

HTML/CSS: How to store the AEG on the draw canvas and clear it? Make sure to show the full code with the screensot of the output.

I am working on a CSS file. I have everything working except for my columns for the three images. My footer is at the top of my page covering the header. I have ran my code through multiple CSS validators and I cant figure out where I am going wrong. I have spent quite a few hours trying to figure out this parsing and tried just about every solution I could come up with. I am lost and confused    body {    width: 95%;    min-width: 640px;    max-width: 960px;    margin: auto;    } /* Image Styles */ img {    display: block;    max-width: 100%;    height: auto;    } /* Horizontal Navigation Styles */ .horizontal li {    display: block;    float: left;    width: 16.66%; } nav li a {    display: block; } /* Grid Styles */ body {    display: grid;    grid-template-columns: 2fr 1fr;    column-gap: 20px; }   body > header,   body > footer {    grid-row: 1;    grid-column: 1 / -1; } #sub {    display: grid;    grid-template-rows: repeat (3, 1fr);    grid-template-columns: repeat (1fr,…