¿Como mantener los margenes equivalentes o relativos, sin importar el tamaño de la pantalla?
Bien. Al div padre siempre hay que colocarle un display flexible:
display:flex;
Y el contenido dentro del padre siempre tendra los espacios relativos sin importar el tamaño, para ello daremos la propiedad que justifique el contenido con espacio en medio "siempre equivalentes":
justify-content:space-between;
Para ver un ejemplo, puedes ver el codigo aqui:
Codigo Demo | codepen.io
*Juega con el tamaño (ancho) del div padre, para que interpretes el resultado.
fuente: W3School - display:flex
