<div dir="ltr"><div class="gmail_signature"><div dir="ltr"><div><span id="gmail-docs-internal-guid-951de180-4def-ce9b-5a13-f48d9ce8fb1a"><font face="arial, helvetica, sans-serif"><div><font color="#434343"><span style="line-height:33.12px;white-space:pre-wrap">PF Team:</span></font></div></font><br>The Tendrl (downstream product name is Red Hat Storage Console) project UI Development team has a request to the PatternFly team to ask if we've considered the including/implementing</span><span style="font-family:arial,helvetica,sans-serif;line-height:1.38;color:rgb(67,67,67);vertical-align:baseline;white-space:pre-wrap;background-color:transparent"> </span><a href="https://css-tricks.com/snippets/css/a-guide-to-flexbox/" style="font-family:arial,helvetica,sans-serif;line-height:1.38;text-decoration:none;background-color:transparent"><span style="color:rgb(240,98,146);text-decoration:underline;vertical-align:baseline;white-space:pre-wrap;background-color:transparent">flexbox</span></a><span style="font-family:arial,helvetica,sans-serif;line-height:1.38;color:rgb(67,67,67);vertical-align:baseline;white-space:pre-wrap;background-color:transparent"> (</span><span style="font-family:arial,helvetica,sans-serif;color:rgb(0,0,0);vertical-align:baseline;white-space:pre-wrap;background-color:transparent">similar to </span><a href="http://semantic-ui.com/introduction/getting-started.html" style="font-family:arial,helvetica,sans-serif;line-height:25.76px;text-decoration:none"><span style="color:rgb(0,0,0);text-decoration:underline;vertical-align:baseline;white-space:pre-wrap;background-color:transparent">Semantic UI</span></a><span style="font-family:arial,helvetica,sans-serif;color:rgb(0,0,0);vertical-align:baseline;white-space:pre-wrap;background-color:transparent">)</span><span style="font-family:arial,helvetica,sans-serif;color:rgb(42,57,144);vertical-align:baseline;white-space:pre-wrap;background-color:transparent"> </span><span style="font-family:arial,helvetica,sans-serif;color:rgb(67,67,67);line-height:1.38;white-space:pre-wrap;background-color:transparent">instead of using a grid layout.</span><span><font face="arial, helvetica, sans-serif"></font><font face="arial, helvetica, sans-serif"><div><span style="white-space:pre-wrap;line-height:1.38;color:rgb(67,67,67);background-color:transparent"><br></span></div><div><span style="white-space:pre-wrap;line-height:1.38;color:rgb(67,67,67);background-color:transparent">The reasons are as follow:</span></div></font></span><font face="arial, helvetica, sans-serif"><span style="color:rgb(67,67,67);line-height:1.38;white-space:pre-wrap;background-color:transparent"><ul><li><span style="line-height:1.38;background-color:transparent">Flexbox is content driven model. It does not need to know the content upfront.</span><br></li><li><span style="line-height:1.38;vertical-align:baseline;background-color:transparent">Contents can be </span><span style="line-height:1.38;text-decoration:underline;color:rgb(240,98,146);vertical-align:baseline;background-color:transparent"><a href="https://drafts.csswg.org/css-flexbox/#order-accessibility" style="line-height:1.38;text-decoration:none;background-color:transparent">redistributed</a>.</span></li><li><span style="line-height:normal;vertical-align:baseline;background-color:transparent">Allow boxes to </span><a href="https://drafts.csswg.org/css-flexbox/#flex-wrap-property" style="line-height:normal;text-decoration:none"><span style="color:rgb(240,98,146);text-decoration:underline;vertical-align:baseline;background-color:transparent">wrap</span></a><span style="line-height:normal;vertical-align:baseline;background-color:transparent"> which is really handy for responsive design.</span></li></ul></span></font></div><div><span><span style="color:rgb(67,67,67);vertical-align:baseline;white-space:pre-wrap;background-color:transparent"><font face="arial, helvetica, sans-serif">Alternatively, if there are other options that the PatternFly community is considering, can you please provide some guidance and roadmap for the feature (if possible).  </font></span></span></div><div><span><span style="color:rgb(67,67,67);vertical-align:baseline;white-space:pre-wrap;background-color:transparent"><font face="arial, helvetica, sans-serif"><br></font></span></span></div><div><span><span style="color:rgb(67,67,67);vertical-align:baseline;white-space:pre-wrap;background-color:transparent"><font face="arial, helvetica, sans-serif">Thoughts?  </font></span></span><span style="color:rgb(67,67,67);font-family:arial,helvetica,sans-serif;white-space:pre-wrap;background-color:transparent">Please advise.</span></div><div><span><span style="color:rgb(67,67,67);vertical-align:baseline;white-space:pre-wrap;background-color:transparent"><font face="arial, helvetica, sans-serif"><br></font></span></span></div><div><span><span style="color:rgb(67,67,67);vertical-align:baseline;white-space:pre-wrap;background-color:transparent"><font face="arial, helvetica, sans-serif">Thank you,</font></span></span></div><div><span><span style="color:rgb(67,67,67);vertical-align:baseline;white-space:pre-wrap;background-color:transparent"><font face="arial, helvetica, sans-serif">Ju</font></span></span></div><div><span><span style="color:rgb(67,67,67);vertical-align:baseline;white-space:pre-wrap;background-color:transparent"><font face="arial, helvetica, sans-serif"><br></font></span></span></div><div><span><span style="font-size:18.6667px;font-family:roboto;color:rgb(67,67,67);vertical-align:baseline;white-space:pre-wrap;background-color:transparent"><br></span></span></div></div></div>
</div>