CSS question: Flexible width to make it reflow ready

Could anyone please help me with this, How can I make the parent container flexible and make it reflow ready?

.container{  width: 350px;  border: 1px solid red;  }    .item{  margin-top:2px;  display: flex;  }    .line{  flex-grow:1;  }

<div class="container">    <div class="item">    <div class="line"><span>xyx</span></div>    <span>10 USD</span>    </div>    <div class="item">    <div class="line"><span>q</span></div>    <span>* 2</span>    </div>    <div class="item">    <div class="line"><span>total</span></div>    <span>20 USD</span>    </div>  </div>

https://stackoverflow.com/questions/67393614/css-question-flexible-width-to-make-it-reflow-ready May 05, 2021 at 08:02AM