Makzan / I share what I learned

Start using flexbox today

We can start using flexbox nowadays. If you have not started exploring this new layout feature, the “Using flexbox today” is a quick-start guide.

Flexbox is not just a replacement of the float. Flexbox can actually solve the layout problems that we face by using the current CSS technologies. The website “Solved by Flexbox” shows how flexbox archive layouts in an elegant way.

I wrote a cheatsheet of flexbox for quick reference to help you get started.

Note: Do you know that float was originally designed for image to be wrapped by text. It’s not designed for layout.

Published on 2015-04-17. More articles like this:
- Flexbox
- Web Technologies

Previous <- Put script after content
Next -> New life

📬 Subscribe to Makzan’s Weekly Dispatch

Want productive tips and web technologies links like this in your inbox each week? Sign up for weekly dispatch each week. No spam ever. Just useful content:

What to expect: If you wish to withdraw your consent and stop hearing from us, simply click the unsubscribe link at the bottom of every email we send or contact us at We value and respect your personal data and privacy. To view our privacy policy, please visit our website. By submitting this form, you agree that we may process your information in accordance with these terms.