like below fixes the issue What I typically do for that sort of layout is make a parent container around the elements (like you have) and give it position: relative and width: 100%. Then I use position: absolute and display: inline-block on the inner elements. Set the width for the fixed-sized elements and use left or right to position all of the elements.
Responsive Design: how to have text input and button stay 100% width of parent
By : JasonXia
Date : March 29 2020, 07:55 AM
I think the issue was by ths following , UPDATE (The Flexbox Way!) The proper way to achieve this now is with Flexbox!