Flexbox isssue or not?

[kuipou]

I’ve been coding my portflio for a bit and i’ve stumbled on a proble i made a flexbox layout with a header a side bar and a main content so far so good however in the main content i made the h1 take the entire width so that the two section below make each 1 column. The problem is that it created a huge gap between the h1 and the classes below as seen in my codepen http://codepen.io/kuipou/pen/MKmrmj i tried setting .main to flex start adding a height in vh to .screenshot and .description but nothing seem to resolve the huge gap could any of you help me please

[Paulie_D]

There’s waaay too much in there to wade through…it looks like you’ve dumped the whole site code in.

Could you cut it down to just enough to demonstrate the issue.

As an alternative, an image of the intended result would be nice.

[kuipou]

basicly i wanted the h1 to be a full line with the 2 columns underneath though they need to be close to the h1 in height right now theres a huge huge gap between the columns and the h1

if i were to put it in a table terms 2 row one cell and two cells underneath

as seen in the image http://rbytest.rm-server.net/Screenshot.png theres a huge gab between Sechum and 500×150 this is that gap that i want to prevent

[Paulie_D]

Well it’s not apparent from the Codepen which you provided, which as I said has too much code in it to be reviewed.

Try cutting stuff everything out of the demo that isn’t related to the issues and make sure the Codepen still shows the issue.

[kuipou]

this might be better i tried to reduce it as much as possible http://codepen.io/kuipou/pen/bERgmx

[Author]

Posts