Tell us what’s happening:
I am almost done building my Product Landing Page, but can’t figure out one thing: how to make my three pricing tables grow and shrink. I would like my tables to be set at a standard width of 300px (flex-basis: 300px;) and grow and shrink to fill the container (min-width: 250px; max-width: 350px;). Instead, my tables keep defaulting to whatever the min-width is set to, even though there is more room in the container.
Here is the CSS for the pricing container, which contains my three tables, and the CSS for the table element.
Your code so far
flex: 1 1 auto;
border: solid rgb(119,119,119);
margin: 60px 10px 40px 10px;
Your browser information:
User Agent is:
Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/70.0.3538.77 Safari/537.36.