I have been trying to figure out the structure for some css created circles within a grid system. I want them to be 100% width so they scale. Just not sure on the div structure+with css
You see it often on designers sites, circles with icons in them. Like here: http://hungr.ee/ Those are images but you get my meaning.
Just a FYI, the new viewport based vw, vh and vmin units can easily give the same results. Of course you’d end up supporting only newer browsers as there is serious lack in mobile browser support: http://caniuse.com/#search=viewport
Hopefully quite usable by next year. Right now I came up with this example to show how one could use viewport units and give percentages for browsers that don’t support it: http://codepen.io/Merri/pen/gimKw
Also shows how you can get centered stuff without any position properties. I tried to comment the CSS to give an idea of all the minor details.
Hi all, I’ve been searching for a solution just like @norstromdesign posted. Thanks! Now I’m trying to center text on top of the circle and can’t get it lined up just right. Any help? Thanks in advance!