Hey guys👋,
I am back with the CSSBattle Series✨!
This article is for Target#5 "Acid Rain" on CSSBattle
The best approach I could come up till now is stated below.
<p id="a"><p><p id="b">
<style>
body{margin:74 20;background:#0B2429;
display:flex}
p{
width:120;height:120;
background:#998235;
border-radius:50% 0 50% 50%}
#a,#b{
background:#F3AC3C;
transform:translate(60px,60px)}
#b{
transform:translate(-60px,-60px) rotate(180deg);z-index:-1
This was my shortest solution condensing to 267 characters.
Comment down your way of doing the same.
Stay Tuned for daily updates regarding all the challenges on CSSBattle.