.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?
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
.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