Help!!! How do I make my circles responsive when resizing windows?

[set4kay]

I have a webpage with 3 circle at the center, it looks good when I have a full sized window, but when window is resized it maintains the same size and creates a scroll tab instead of just shrinking with the window size. Here what I wrote on codepen:
https://codepen.io/set4kay/pen/wgGQyG

Please help me figure this out, I’m still learning to use CSS. I need the circles to still be at the center of page when window is reduced but I need it to also shrink with window size.

Thank You!

[bearhead]

You could try using view units:
http://codepen.io/kvana/pen/QdNPQx

[set4kay]

Thanks man!! This looks awesome, does the job. I’ve really gotta learn this aspect of CSS. I would be very glad if you could teach me. Hope you don’t mind?

[Author]

Posts