Category Archives: Flex-box

How To Approach CSS layouts in 2017 — and beyond. – Flexbox and Grid – Medium

How To Approach CSS layouts in 2017 — and beyond. I’ll help you understand how you should approach modern layouts in CSS — it’s 2017 and a lot’s really changed. Source: How To Approach CSS layouts in 2017 — and beyond. – Flexbox and Grid – Medium

Bootstrap to CSS Grid – Natalya – Medium

“There’s no way I can start using CSS Grid yet” You’re ready to declare display: grid if you’re the only person contributing code. However, if you’re working with a bigger team, on an older project, or are faced with some real-world constraints, you should anticipate a few extra steps ahead of you… Source: Bootstrap to CSS […]

Flex-Box (Ink) – fixed height container

After hours of testing, I have finally figured out how to use flex-box wrap within a fixed height container. I ended up using ink-flex which has a bunch of new features loaded on top of flex-box… Control over an elements vertical and horizontal alignment. Control over the content vertical and horizontal alignment. Reordering elements in your layouts […]