Ignore last child with flex:nowrap;

[ainsley_clark]

Hi all,

implementing some pure CSS tabs and trying to add a flex nowrap to the children so I can apply an overflow-x: auto to the tabs, however the last child (tabs-panel) should be able to stretch at full width.

Its quite tricky because I have to preserve the markup.

Codepen is attached, you will see what I mean,

Many thanks in advance.

https://codepen.io/ainsleyclark/pen/LoBgwR

[uxfed]

I don’t think I understand the issue – it looks pretty good – but I’ll point out the correct style is nowrap, not no-wrap.

[Author]

Posts