margenes entre 3 divs relativos entre varias PANTALLAS

[Kurozaki]

Hola.

Miren, tengo 3 divs (circulos) con inline block.

Tengo el div "main" con un width del 80%, y adentro estos 3 divs.

Quiero que dependiendo pantallas o minimizando la ventana, el margen entre estos 3 sea siempre equivalente.

Dejo unas pantallas de demostracion, las he editado, ya que con codigo no he podido realizar esto.


PD: Cualquier solucion, CSS o JavaScript, pero creo que con CSS ya es posible, a como va de avanzado este lenguaje.

minimizado o pantalla chica:

maximizado o pantalla grande:


Gracias.

[andresgarciadev]

tendrias q usar media query
segun el tamaño de la pagina asignarle un % de margen a la clase que tengan esos circulos q quiero pensar es la misma

[julia2021]

Cambia el tamaño de tu "div main" en lugar de utilizar porcentaje, asignale un valor de width en pixeles y listo

[Sarlit]

Yo creo que lo buscas es la función clac() de CSS3, te dejo un enlace:

http://digitalicon.es/blog/funcion-calc-css3/

[C2am]

Estoy haciendo algo parecido, y lo que hice fue ubicar cada circulo dentro un div, y a estos div contenedores de circulo les doy un ancho en %.
Y cada circulo lo centro en su div correspondiente.

Ahora, no había pensado en la opción calc(). Habría que probarla así me ahorro esos 3 div.