Largura do elemento mais largo define a largura de todos os irmãos na linha
Eu já li muitos tutoriais sobre CSS flex boxes e grades de CSS, mas, francamente, não consigo descobrir como fazer essa coisa simples (?).
Tudo o que eu quero é que os elementos em um contêiner sejam tão amplos quanto o elemento mais amplo.
Eu não quero que eles preencham toda a largura do contêiner, apenas todos aumentam para a largura máxima. Isso pode ser feito com CSS?
Considere este HTML:
<div class="container">
<button>a normal button</button>
<button>tiny</button>
<button>a really, really, really wide button</button>
</div>
Isso produz algo como isto:
O que eu quero é algo como isto, onde eles tenham toda a largura desse botão mais largo:
NÃO quero que eles apenas se estendam para preencher a largura da página:
Isso pode ser feito? Se sim, qual seria o CSS para o HTML acima?