Today is a busy day working on job applications and coding challenges. I made sure to take some time to do something fun and creative so I made a lotus flower!
What I Learned
I built the flower using only HTML and CSS. Admittedly I'm not that good at math so I spent some time focusing on transformations and rotating the div elements that made up the flower. I learned you can mirror the divs by using transform: scale(-1,1).
For those who are good at eyeballing, there's the keyboard maneuver with Chrome dev tools where you can change pixels using up and down arrows like this:
How This Will Help Me
Now I know I can there are properties for mirroring and flipping. My CSS life will be much easier!
Onto the next challenge!
Top comments (0)