.lista-beneficios { width: 40%; display: inline-block; vertical-align: top; }
Nesse caso, esse 40% é em relação à largura da página ou do elemento em que ele está inserido?
.lista-beneficios { width: 40%; display: inline-block; vertical-align: top; }
Nesse caso, esse 40% é em relação à largura da página ou do elemento em que ele está inserido?
Marcus, é relativo ao elemento em que está inserido (elemente pai). Vê este tópico do MDN para mais detalhes: https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/Values_and_units#percentages