Building linear layouts in CSS has been hard. Tables are bad, inline-block has quirks, and floats are insufficient. Thankfully the CSS flexible box layout module, aka Flexbox, enables us to elegantly solve our layout problems. While the specification has been around for over four years, increased browser support has finally pushed Flexbox mainstream. Even Bootstrap and Foundation have included it in the latest versions of their layout systems. Ben Ilegbodu dives into Flexbox, covering what it is, why you should use it, how it’s configured, and where it’s most useful.
Ben Ilegbodu is senior UI engineer at Eventbrite, where he leads and manages Eventbrite’s Frontend Platform team. Ben has 10+ years of experience developing user interfaces for the web. Outside of work, Ben enjoys playing basketball, DIY, watching movies, and blogging at Benmvp.com and tweeting as @benmvp about his experiences with new web development technologies. Ben is a Christian, a husband, and a father of two.
©2017, O'Reilly Media, Inc. • (800) 889-8969 or (707) 827-7019 • Monday-Friday 7:30am-5pm PT • All trademarks and registered trademarks appearing on oreilly.com are the property of their respective owners. • firstname.lastname@example.org