Questions tagged as 'flexbox'

1
answer

How to organize data in 3 columns without layout break, using CSS Flexbox?

I have a list of items (ul), and each item occupies 33% of the screen, thus forming a horizontal list of 3 columns. When there is no more horizontal space, it forms a new line, something very simple, is perfect when all items have the same heigh...
asked by 28.06.2017 / 17:21
1
answer

Problem with Flexbox in Firefox

I was making a Form that has to stay horizontal and the inputs inside it are responsive. I made the code in Chrome works perfectly because of my problem and with Firefox, the inputs simply do not respect the width and end up leaving the form. I...
asked by 06.05.2017 / 22:57
2
answers

Image does not change size - flexbox

Good afternoon. I'm trying to get the 3 images aligned in a single line when the screen grows, but my attempt to change the size of the images to 33% is not working. I would like to put the title PORTFOLIO in a line and below, the 3 images...
asked by 25.04.2017 / 17:33
1
answer

Alignment with flex box

I need the image to be positioned on the left until the menu activates its "responsibility" (and then it centralizes normally), but I already tried to add it in another field but the menu broke, I tried to center it but it did not work ... I'm s...
asked by 05.03.2017 / 01:27
1
answer

Align div inside a Box

I'm using flexbox, inside the parent div I put a div with text, it's initially positioned at the top, I want to position this div at the end of the parent div. But when I put position relative; and bottom: 0; the child div remains at the top of...
asked by 05.09.2018 / 19:17
1
answer

Use of flex in sub-items with different parent elements

I'm using flex to align the items all equally, however, the sub-items of each of them do not align equally, I used the stretch to align and gain size according to the larger, but I do not know how I do so that the elements inside the main...
asked by 21.12.2016 / 17:16
2
answers

Leave left and right side with height 100% independent of content size [duplicate]

.box { display: flex; height: 200px; max-height: 50%; margin: 10%; background-color: aqua; overflow: scroll; } .item { width: 50%; } .esquerda { background-color: brown; } .direita { backgr...
asked by 28.08.2018 / 18:45
1
answer

My firefox does not rendered correctly my magina

I always use the crome to do my tests on the pages I'm developing there in the crome, everything is ok ... But when I render the same page in firefox, the letters are slightly flattened and the measurements and spacing of the elements are differ...
asked by 19.10.2018 / 03:32
2
answers

Flexbox, can I use it without fear in 2017? [closed]

Gentlemen, I found a page with grids system type bootstrap, more in flexbox, does anyone here use flexbox currently in their projects? is it working? or do you still need many prefixes? Flexbox grid     
asked by 23.03.2017 / 01:43