I'm looking for a fixed 40 pixel gap in between columns but the wider you make the screen the larger a gap flexbox creates. How do I set this fixed ga...

.header, .footer { text-align: center; height: 300px; background: white; } .container { display: flex; width: 600px; margin: 0 auto; ...

Link below has a flexbox with row orientation, inside which there is a flexbox with column orientation. The green buttons inside the second flexbox on...

I am actually following a tutorial and my code mimics the exact code of this instructor. On the instructor's website, his images are aligned perfectly...

How can I use flexbox to arrange the buttons of my calculator, which are created with div elements? I have designed a calculator exactly like the Wind...

Inside a container, we have 3 boxes (A, B, C). Currently, they all are in floating left positions. But we need them in a position where Box A will be ...

I have an arraw of tabs. They have to share the available space when there's more than one tab. But when there's only one tab, it has to be in the mid...

I need help filling up 100 percent of my computer screen's height using Flexbox, while maintaining responsiveness: My current sign in page via Chrome ...

I have this simple setup: div class="grid-container"> div class="grid-child-1"> div class="content"> some long text here in the child numb...

I would like to have buttons in a fixed position but positioned vertically with flexbox. I managed to do part of the work but impossible to make ident...

So I want to make the blue div go under the green one but not under the red. Like the red being the aside, the green the header and the blue just some...

I have a headerbar with the usual content. App-Logo, nav, some controls. The navbar's height is not set, but determined by its contents. It is a flex ...

I am currently working on a React project that involves displaying a set of cards inside a container. Each card has a fixed size of 231x237px. I have ...

I would like the number rows of my sap.ui.table.Table to fit the screen height. I tried using visibleRowCountMode="Auto" for that but in the beginning...

I finished my website but I didn't realize that safari doesn't support the flexbox gap. Is there a way around this without having the mess anything up...

I have this menu (this happens also with the website text) div id="container" class='container'> div class='meta-background'>div> sectio...

I'm trying to create a grid layout with the help of the flexbox. What I'm doing is that I'm giving parent negative margin on left and right and then...

I've been working on a UI recently and I really like to use Flexbox CSS for control of the layout. I needed a way to make the boxes I have be sortable...

I have a flexbox in a side navigation that is overflowing it's granparent's height. The basic structure is: div class="holder"> div class="block-it...

https://jsfiddle.net/vhem8scs/ Is it possible to have two items align left and one item align right with flexbox? The link shows it more clearly. The...

I am working on a nested flexbox layout which should work as follows: The outermost level (ul#main) is a horizontal list that must expand to the righ...

Using CSS and flexbox, I don't understand how to give the same height to divs "a" and "b". I need b to become taller so as to match a's height. In oth...

I'm trying to learn flexbox and I really like it. I'm trying το play with dynamic widths and when I do it with divs it works. If I try to do it with l...

I have a div with some children: class="content"> h1>heading 1h1> h2>heading 2h2> p>Some more or less textp> a href="/" class="button">Click ...

I want to use Flexbox that has some number of items that are all the same width. I've noticed that Flexbox distributes the space around evenly, rather...