Positioning the center of the gradientSection

by Felis Catus

HTML

<!-- Learn about this code on MDN: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Images/Using_CSS_gradients -->

<div class="radial-gradient"></div>

CSS

div {
  width: 240px;
  height: 240px;
}.radial-gradient {
  background: radial-gradient(1px 100px at 0% 50%, red 10px, yellow 30%, #1e90ff 50%);
}