Stack Overflow
Stack Overflow

Questions tagged [flexboxgrid]

Flexbox Grid is a library for creating grid layouts using the CSS flexbox property family. Use this tag whenever you have a question involving the use of the Flexbox Grid library. Flexbox Grid utilizes identical classes as Bootstrap, so conflicts may arise. It predates the CSS Grid module.

Flexbox Grid is a library that supports grid layouts based on the CSS Flexible Box Layout Module. It was created and released in 2013 (before CSS Grid layout spec was published by W3C).

Flexbox Grid library uses identical classes to Bootstrap, so there may be some compatibility issues if you use both libraries. It also utilizes Normalize CSS 2.1.3.

Helpful links:

54 questions
0
votes
1 answer

Position View at the bottom (Sticky Footer), React Native

I have this Component: render() { return (
gdfgdfg
  • 3,181
  • 7
  • 37
  • 83
0
votes
0 answers

Flexbox - sizing col w/multiple rows to fit adjacent col w/single row

Huge thanks to anyone who can help. I'm trying to grid using Flexbox and it's working great except when I try to create 2 columns side by side with the following scenario: 1 column has a single image in it (cropped to fill the column) 1 column has…
user2672637
  • 1
  • 1
0
votes
1 answer

Flexbox Grid with equal nested rows between columns

I am using Flexbox grid css library - flexboxgrid.com and doing a three column layout. In this three column layout I will be doing nested rows in each column. I want to achieve that the nested rows are also equal in height with all the other…
Joe Dorello
  • 1
0
votes
0 answers

I'm having trouble horizontally centering my h1 with zurb flexbox

I'm new to flexbox, and I've tried applying align-center to the row class but, the h1 will not center. Could someone give me a hand with this, and explain to me why the align center is not working? Here is a code pen Codepen
ShortCircuit616
  • 3
  • 4
0
votes
1 answer

Isotope add element flexbox grid

Almost done with my project, just one thing isn't working properly. I used Isotope for deleting items and this works perfectly. The item gets removed and the next item slides in it's place. Now I want to add items to the grid. If I remove the…
R-b-n
  • 464
  • 5
  • 19
0
votes
2 answers

How to stack divs using Flexbox Grid?

I'm using the http://flexboxgrid.com framework. I want the columns to be horizontal on desktop but stack on mobile and responsively. Example (Desktop): Example (Mobile):
Rohit Tigga
  • 2,373
  • 9
  • 43
  • 81
0
votes
1 answer

Setting layout with flexbox

I have a wireframe below and want to see what's the best way to code this with flexbox. I have coded a simple flexbox grid system but my wireframe requires more customization than what I have on my grid system. I have parent div has display: flex…
Ohsik
  • 261
  • 3
  • 10
-1
votes
1 answer

Flex is not that Flex any solution → justify-content:space-between and full nested item flexibility doesn't coexist

I think even if we have dedicated 33% to a nested flex item and 67%, for example, but if the other item is not available then the item in discussion takes 100%, but see here → click here even if you delete this part →
-3
votes
1 answer

CSS Flexbox Center Items with Positioning

I'm trying to position 3 elements in a specific position with flexbox, all while being centered horizontally and vertically. Like this: This is what I have so far, what am I doing wrong here? .container { width: 100%; max-width: 800px; …
Brian
  • 76
  • 1
  • 8
1 2 3
4