Please see http://codepen.io/basarat/pen/LGPZoM

…wing you to override the default alignment specified by justify-content on an individual flex item. In the example below, you can see that the price has margin-left: auto applied to it. This allows it to float to the right edge of the container while the rest of the flex items are ali…
Flexbox’s Best-Kept Secret
1.4K
19
Sam Provenza
BASARAT
·Follow
1 min read·
Dec 2, 2015
--
Please see http://codepen.io/basarat/pen/LGPZoM Use a *spacer* aka `flex:1` item to add the space. Its more maintainable as you can visually see from the HTML what is going to happen. This is also the pattern recommeded by polymer layout.
--
--
Written by BASARAT2.2K Followers
·1.3K Following
That TypeScript Guy https://youtube.com/basaratali http://twitter.com/basarat https://github.com/basarat #DefinitelyTyped, #PicnicSoftware
Responses (2)
Help
Status
About
Careers
Press
Blog
Privacy
Terms
Text to speech
Teams