Top "Flexbox" questions

Issue when centering vertically with flexbox when heights are unknown

My layout has a container flex-container and a child. HTML: <div class="flex-container"> <div>text</…

css flexbox height overflow

Spacing before and after a horizontal FlatList (React Native)

I'm trying to create a horizontal FlatList that has some spacing around it. I was able to get the beginning …

react-native flexbox react-native-flatlist react-native-flexbox

Display: Flex loses right padding when overflowing?

I have an issue with a CSS3 flexbox. If I set the flexbox element to overflow and set a min-width …

html css winjs flexbox

Stuck between flex-end and space-between and margin

In a flexbox, when I use justify-content:space-between the first and last items are exactly aligned to the bounds of …

html css flexbox css-calc

React Native <Text> overflows <View> when in a flex

So for the above image, I am attempting to get the "green" box to wrap around the dynamic text. Notice …

react-native flexbox react-native-flexbox

Is there a way to use the clearfix hack alongside flexbox?

I've been using flexbox for layouts, with CSS floats as a fallback for older browsers. On the whole this works …

css css-float flexbox clearfix

@angular/flex-layout with row and column spacing?

StackBlitz (live demo) <div fxLayout="row wrap" fxLayout.xs="column" fxLayoutAlign="space-around center" fxLayoutGap="10px"> <mat-card *ngFor="…

angular flexbox angular-material angular-flex-layout

Contain image size with parent <div>

I´ve been trying to keep my images next to each other on the same line, and just crop them …

html css image flexbox object-fit

React native text word break strategy of strings with dash

Setup react: 16.6.0-alpha.8af6728 react-native: 0.57.4 Problem Word breaking in Text component does not handle strings with dashes the way app …

react-native text flexbox word-wrap text-styling

Make a div span two rows in a grid

I have a page full of blocks which pile up with display: inline-block. I want to make some four or …

css flexbox grid-layout css-grid