Wie kann verhindert werden, dass Flexboxen schrumpfen?

Question

Ich habe zwei Flexboxes, die bei Höhenänderungen schrumpfen und verschachtelte Inhalte werden überlappt. Wie kann ich das verhindern?

Answer 1

Fügen Sie Ihrem Element einfach flex-shrink:0 hinzu und die Flexbox hört auf zu schrumpfen.

<div class="flx"> 
Some Content 
</div> 
<div class="flx"> 
Some Content 
</div> 
<style> 
flx{ 
    display: flex; 
    flex-shrink: 0; 
}