Quantcast
Channel: Active questions tagged flexbox - Stack Overflow
Viewing all articles
Browse latest Browse all 1675

Tailwind flex-grow not expanding to the remaining screen space

$
0
0

I am trying to display three columns as inline using flex class of tailwind css (I am fairly new to tailwind). While doing so, the third column is not expanding to the full width of the screen.

Here is my HTML snippet -

<div class="container flex flex-row w-screen"><div class="basis-1/5"></div><div class="basis-1/5"></div><div class="flex-grow"></div></div>

Up until 1280px of width size, everything is working as intended. Above 1280px, I am getting this issue.

I have tried using flex-1 as well, but the issue persisted.

Here is the screenshot of the page

Kindly let me know if you need any further information on the issue.


Viewing all articles
Browse latest Browse all 1675

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>