CSS harder than it looks.

Question

I triode to challenge myself and looked up a pic on google; and tried to code it.
But after I started it it was complex. I'm sure there's probably way easier way to do code the image. But I struggled and this is what I have so far.

https://code.sololearn.com/WsapDoS4SHrU/?ref=app
Let me know if there's easy way out to this code.

Answer 1

You want to do that completely in css? It seems a difficult (if not imposible) challenge. It may be done with SVG tags in HTML or a Canvas in JavaScript, but in CSS it will be very hard to do

Answer 2

nothing here is easy. you are on the right track though. the whole nature of code is that you will fail..and fail a lot. but you press on..find what you are doing weong..fix it..and learn better from it.

this cycle WILL NEVER END in coding..EVER. you simply cannot know everything all at once. look how many bugs and glitches exist in programs and games.

be strong..be patient..and forever be learning

Answer 3

https://code.sololearn.com/Wc3EVt9FAbcC/?ref=app

Answer 4

Calvin , yeah it looks good.

the picture looks like 4 different classes or elements: center and the other 3 around it. And it looks like you could just make center and make the outer three based on the center's size. The. rotate them in tbe positopn they need to be.
_ _ _