[New post] CSS code snippet – How to make gradient backgroud cover whole page in html?

Subash Chandran posted: "/*Basically, add html height 100%. This will stretch your gradient.*/ html { height:100%; } body { background-image: /* put gradient here */; background-repeat: no-repeat; }" New post on Poopcode CSS code snippet – How to make gradient backgroud cover whole page in html? by Subash Chandran /*Basically, add html height 100%. This will stretch your gradient.*/ html { height:100%; } body { background-image: /* put gradient here */; background-repeat: no-repeat; } Read more of this post Subash Chandran | November 1, 2021 at 8:30 am | Tags: apply linear gradient to whole hmtl, background 100% height and width css gradient, background css gradient cover whole page, background gradient cover whole page, background gradient fill page, background gradient to be of acrross the page, background gradient wont cover full mobile background css, change span vertically in full page js, cover background with gradient css, cover entire page with gradient color, cover page in gradient css, css background gradient full page, css background-image linear-gradient to cover page, css fit gradient to page, css full page gradient background, css gradient background entire page, css gradient full page, css gradient whole page, css linear gradient cover the whole background, css linear gradient cover whole page, css linear gradient full page, css make entire background gradient, full background gradient css, full gradient background css, full page gradient background html, gradient take the whole html, gradients as html page background, have background gradient fill screen, how to code a gradient for the whole page, how to cover gradient a page with one gradient, how to cover the entire webpage using css color gradient, how to fill the entire page with gradient in html, how to have a gradient cover the entire webpage css, how to make a gradient background fill the whole page instead of breaking css, how to make full gradient background css, how to make gradient backgroud cover whole page in html, how to make gradient fill the whole page css, how to make gradient full the whole screen in css, how to make the background transparent in css, how to put the one gradient to entire page, how to put the one gradient to entire page in css, html body full height background gradient, html cover gradient background, html gradient background to fill entire page, linear gradiant wont fill entire background, linear gradient background for all of page css, linear gradient cover css, linear gradient css doesn't cover whole page, linear gradient css doesn't fill the page, linear-gradient css doesnt fill whole page, linear-gradient doesnt fill all of webpage, make gradient whole page css, react gradient background height | Categories: Snippets | URL: https://wp.me/pb9kQA-4hT Comment    See all comments Unsubscribe to no longer receive posts from Poopcode. Change your email settings at Manage Subscriptions. Trouble clicking? Copy and paste this URL into your browser: https://poopcode.com/css-code-snippet-how-to-make-gradient-backgroud-cover-whole-page-in-html/