Matemática de Design Responsivo

Calculando a largura responsiva de um elemento.
elemento-alvo / pai-do-elemento-alvo = resultado

Portanto, você pode ter um elemento-alvo com largura = 420px
e largura do elemento-pai-do-destino = 660px

420px ÷ 660px = 0,63636363

0,63636363 * 100 = 63,63636363

responsive-target-element {
width
: 63.63636363%;
}