Data dodania Pytanie
2018-02-13 23:02 flexbox: margin affects baseline? »
Why does setting margin to auto break flexbox's baseline alignment? I want to align a heading with what I'll call accent text according to the baseli...
(3) odpowiedzi
2018-02-08 04:02 Is it possible to set proportional grid columns based on content? »
Using either Flexbox or CSS Grid, is it possible to size my columns based on the contents of one of the columns? Here’s What I Want: I have 2 colu...
(1) odpowiedzi
2018-02-06 15:02 Why vuetify data-table stretches the whole page instead of render scroll bar? »
Codepen: https://codepen.io/frutality/pen/LQRGLv (please see it, because for some reason code inserted here is cut) <div id="app"> <v-app&...
(1) odpowiedzi
2018-01-28 09:01 css flexbox 3-column layout where first is fixed width »
I am trying to better understand flex box css and have a main layout for all pages. It is 3 columns where the first column is fixed width and the othe...
(1) odpowiedzi
2018-01-26 00:01 Single-row grid with height 1fr not filling height in Chrome »
I have a css grid inside a flexbox column, and the grid has flex-grow: 1. In Chrome, the grid expands to fill available space, but its content does n...
(1) odpowiedzi
2018-01-19 00:01 Prevent image inside a flex container from stretching in Chrome »
I don't know what I'm doing wrong. It looks fine in firefox, but in chrome my images are all stretched crazy tall. I've tried all sorts of solutions I...
(1) odpowiedzi
2018-01-17 13:01 Show last fadeIn div on first position »
I have 10 divs which were displayed in a random time. How can I set the last shown div on top (rank first position) each time and not in the html ord...
(1) odpowiedzi
2018-01-17 06:01 Flex items overlapping in Chrome and IE11 »
I'm trying to create a flexbox layout of fixed height which scrolls the inner content when the inner content is too large. Additionally if the conten...
(3) odpowiedzi
2018-01-15 08:01 Remove auto height distribution on nested CSS flex? »
I'm currently setting display:flex on the parent as well the child element in the middle. The issue now is since there is a nested flex property appl...
(1) odpowiedzi
2018-01-13 22:01 flexbox wrap according to number of item in container »
I'm trying to create a flexbox with differents elements in each rows by respecting this rule : if four items : display two items by rows if fives i...
(1) odpowiedzi
2018-01-13 13:01 Flexbox space between behavior combined with wrap »
I am using flexbox to create a nice grid of tiles that automatically wraps when the tiles don't fit on one row. I use justify-content: space-between ...
(3) odpowiedzi
2018-01-11 23:01 Using Flexbox with position:sticky »
I've seen similar questions asked, some with the same issue. Unfortunately the solutions haven't worked in my favour. I'm trying to create a simple la...
(2) odpowiedzi
2018-01-10 15:01 Flexbox - container width auto »
How to make width of the ul in .menu-sub-col to be equal to content width? https://fiddle.jshell.net/j9ujfL2n/3/ .menu { position: absolute...
(0) odpowiedzi
2018-01-06 03:01 Adding space between Flex rows »
I have this html in an Angular 5 component: .row>div { flex-basis: calc(50% - 20px) !important; /* width less horizontal margins */ m...
(1) odpowiedzi
2018-01-03 14:01 Why the col break element occupy space in flexbox »
I have the following snippet. It displays 4 cols in one row. When you click on any top button, the script will add a new a <div class="break-row" /...
(1) odpowiedzi
2018-01-02 18:01 Dynamic width flexboxes that wrap yet keep column structure? »
I'm looking for cards that have dynamic width to fill their container, yet be able to wrap if the card gets too small. I got it to do that. Yet I noti...
(7) odpowiedzi
2017-12-31 04:12 Why does width in percent produce a different result than width in pixels? »
I have a horizontally scrolling div in the second column in my layout. For some reason, the contents of this div are stretching my page out and breaki...
(1) odpowiedzi
2017-12-26 20:12 Can auto margins work in CSS Grid like they do in Flexbox? »
As far as I understand, anything flexbox can do, css-grid should also be able to do (usually more verbosely). Yet I cannot figure out how to mimic a ...
(3) odpowiedzi
2017-12-25 17:12 css fill remaining height, only when children require »
I have a content and a footer panel. Footer has fixed size, but content can be either fixed or fill remaining height, depending on (grand)child elemen...
(3) odpowiedzi
2017-12-20 20:12 Angular 4 component and css flex order »
I have a plunker here - https://plnkr.co/edit/rnN8oQAsIcYWjsjQHfuk?p=preview It's a simple nav style set up using display: flex; and order to positio...
(1) odpowiedzi
2017-12-19 18:12 Flex columns only center when wrapped »
I'm displaying list items in columns by using flexbox. Items should wrap into more columns after a specific height, columns should be centered horizon...
(1) odpowiedzi
2017-12-17 21:12 How to use flex row to elements with different heights »
For example I'm trying to stack blockes with different heights like this: .container { display: flex; flex-flow: row wrap; } .box { w...
(3) odpowiedzi
2017-12-16 19:12 Flexbox looking completely different in firefox »
I think this question might be considered rather "noobish", but I'd like to know why my flexboxes look completely different in firefox. What did I for...
(2) odpowiedzi
2017-12-06 16:12 Flexbox: align right several elements »
I have an HTML-structure: <div class="parent"> <div class="item">1</div> <div class="item">2</div> <di...
(1) odpowiedzi
2017-12-06 15:12 Align arbitrary number of elements with different widths to a grid with wrapping »
I have an unknown number of elements that can have different widths. I want to align these elements in a grid so that their left sides line up in each...
(1) odpowiedzi
2017-11-30 18:11 The difference between flex-basis auto and 0 (zero) »
What is the difference between these two values? I've tested numerous examples and they just give the exact same result... Can someone please give me ...
(1) odpowiedzi
2017-11-28 00:11 Why are percentage heights working on children when the parent has no height defined? »
I'm using Bootstrap 4 for simplicity. My questions are: Why setting 100% height on child (.inner) of flex item works? For every element in this cod...
(1) odpowiedzi
2017-11-27 23:11 Display flex - push grid items to left while keeping space between »
Hello I have a simple grid using flex. Works fine but my issue is when theres not enough elements to fit the row, it spaces the elements out to the ed...
(1) odpowiedzi
2017-11-25 10:11 Unexpected height while using flexbox model »
I'm trying to make a side menu and i want to use flexbox model. But i have a problem that i haven't solved. In my menu there are some list element ...
(1) odpowiedzi
2017-11-20 17:11 How can I order a child flex element ahead of its parent? »
I have the following HTML/CSS setup (jsFiddle): .flex-container { display:flex; flex-direction:column; } .one, .two, .three { flex: ...
(1) odpowiedzi
2017-11-08 13:11 Need help regarding re-stacking order of the div »
Currently, I don't have code to add it here. I googled it but didn't get what was required. Can you please help me to order the "Grand-Child outsid...
(0) odpowiedzi
2017-11-07 11:11 Button text not displayed when using display flex (only in IE) »
In html, I have a button that contains two icons and a span with text. In css, I use flex and overflow properties in order to truncate the text if it ...
(3) odpowiedzi
2017-11-05 15:11 Css3 flex - stretch child to 100% width and height without changing the child's css rules »
when parent is display: flex;, is there a way to force it's children to stretch itself to 100% of the parent's width and height, without accessing the...
(2) odpowiedzi
2017-11-04 03:11 css flex-item default height issue »
i am learning CSS flex-box stuff and when i play around with it i have found a wired thing: .container { width: 100%; display: flex; bor...
(1) odpowiedzi
2017-11-03 10:11 Flexbox: Alternate "row" and "row-reverse" according to row's number »
I am trying to create a responsive layout with Flexbox which allows me to alternate both the directions row and row-reverse. Maybe you can understand...
(2) odpowiedzi