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

display flex - keeping last element in full width

$
0
0

I am trying to keep my 3d element with full width of the flex container. But not getting the result.
Can anyone suggest me the right way for ie11 here?

.parent{  border:1px solid red;  display:flex;  justify-content:space-between;  padding:0 40px;}.child{  flex:0 0 30%;  border:1px dashed green;}.child.last{/* not working */  width:100%;}
<div class="parent"><div class="child">one</div><div class="child">two</div><div class="child last">three</div></div>

Viewing all articles
Browse latest Browse all 1320

Trending Articles



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