Https://www.freecodecamp.org/learn/responsive-web-design/applied-visual-design/create-a-graphic-using-css

Tell us what’s happening:
Am fining it difficult to add offset-x and offset-y to my code

Your code so far


<style>
.center {
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100px;
  height: 100px;
  background-color: transparent;
  border-radius: 50%;
  box-shadow:  25px 10px green;
  blur-radius: 0;
  spread-radius: 0;
}

</style>
<div class="center"></div>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 6.2; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/79.0.3945.117 Safari/537.36.

Challenge: Create a Graphic Using CSS

Link to the challenge:
https://www.freecodecamp.org/learn/responsive-web-design/applied-visual-design/create-a-graphic-using-css

Hello @Dule-mart!

You are missing to add blur-radius and spread-radius to box-shadow,as well to change color green to blue…
Hope it helps! :slight_smile:

2 Likes

thanks, it helps :heart_eyes: