I am trying to figure out why the instead of getting a perfect circle I get an oval shape.
Look at the code:
Let me know how to fix this please.
I was looking at your earlier post,
after putting your code into VS code, and changing the colours I got circles
you might have to provide more of your project, or create a small project with just the bare minimum.
I often find the answer when isolating my problem into a tiny project.
but if I don’t I can use it to display what I’m having an issue with.
H there. I solved adding flex: 1 and it works,
flex: 1 might have unexpected results if the available space changes. The circle is a flex item so you can prevent it from growing/shrinking.
flex: 0 0 auto;
You can also add the width of the circle for the flex-basis but I would keep it where it is now.