Linked Questions

Ask Question
563 questions linked to/from In CSS Flexbox, why are there no "justify-items" and "justify-self" properties?
Hot Newest Score Active Unanswered
435 votes
6 answers
315k views

You can override align-items with align-self for a flex item. I am looking for a way to override justify-content for a flex item. If you had a flexbox container with justify-content:flex-end, but you ...
Mahks's user avatar
  • 6,849
158 votes
1 answer
163k views

I'm having a really hard time understanding what's the difference? From my research it seems like justify-content can do... space-between and space-around, while align-items can do... stretch, ...
Ben Casalino's user avatar
  • 2,393
123 votes
1 answer
159k views

I have a layout where sometimes the 'left' item is missing. In such cases, I still want the 'right' item to be right-aligned. I thought I could do this with justify-self but that doesn't appear to be ...
mpen's user avatar
  • 285k
41 votes
2 answers
44k views

As you can see here: JSFiddle I want author div to be at the bottom of his parent container. I tried with align-self: flex-end; but it's not working. What am I doing wrong? .flexbox { ...
user2490424's user avatar
  • 439
16 votes
2 answers
33k views

Is there a method to align child items in that way: [i][i]______[i][i][i], regardless how many items are in each of the groups?
user avatar
5 votes
1 answer
36k views

<div class="flex-container"> <div class="flex-item" style='width:15%'>flex item 1</div> <div class="flex-item" style='width:15%'>flex item 2</div> <div class="...
Prasad Parab's user avatar
  • 171
11 votes
3 answers
20k views

I'm struggling to center horizontally some content in my container: https://jsfiddle.net/y56t31q9/6/ .container { display: flex; flex-direction: column; width: 600px; background-...
Edwarric's user avatar
  • 533
7 votes
5 answers
13k views

I am using flexbox to align divs, and I want to make both postavatar and userinfo in left side and posttime to be in the right. .postheader { display: flex; justify-content: space-between; ...
user avatar
7 votes
4 answers
3k views

Following is my code in which I am trying to align the last div (class="four") to the right and I am using align-self: flex-end; but still its not going to the right. Let me know what I am doing wrong ...
Nesh's user avatar
  • 2,611
2 votes
4 answers
11k views

I want a grid to wrap when constrained by an outer node: So the following should have two cells one on top of each other, but it renders them side by side: <div style="display:flex; width:100px"&...
Ben Aston's user avatar
  • 56k
11 votes
1 answer
10k views

I think my code is in order, but I do not know why I am unable to organize my elements in this way: |** *| This is my code: .container { border: 1px solid red; display: flex; justify-...
yavg's user avatar
  • 3,141
2 votes
2 answers
7k views

I tried to align the Add to library div to the right with float: right style but it does not seem to work. How to align that div to the right of the flex. Could anyone please help? .song { ...
scriobh's user avatar
  • 910
3 votes
2 answers
7k views

I am having to use auto margins to align content in the center of the page. div { background: #121212; font-size: 100%; display: flex; } a { color: #fff; padding: 2%; display: ...
user8758206's user avatar
  • 2,245
5 votes
2 answers
5k views

How is it possible to display two div containers on the start of a row flex parent and the third one at the end? child-3 should be on the right side in the example below. Here is a quick sample with ...
JohnDizzle's user avatar
  • 1,358
3 votes
1 answer
12k views

I have a component in React using Semanti UI react I am trying to justify a single container to the flex-end but it's not working <Item key={item._id} id={item._id}> <img ...
Ahmed Gaafer's user avatar
  • 1,681

15 30 50 per page
1
2 3 4 5
…
38