Pricing Table With Flexbox

James Perkins

Posted on April 20, 2020


Many people struggle with creating responsive sites using flexbox. Its complicated to decide when to use flex-grow or shrink, when do you use a flex item.

I created a responsive pricing table that uses just flexbox to handle all the responsiveness. In the end you have a nicely styled table that when viewed on mobile is stacked on each other and when viewed on anything bigger is a row of three columns.

If you have any questions feel free to tweet me or use my email address on the contact page. I hope you found this useful!


More Posts

Cover Image for Udacity React Nanodegree review - Part 1

Udacity React Nanodegree review - Part 1

I finished the first part of the nanodegree a few days ago and decided to give an indepth review of what is covered, what you learn and what is completed by the end of it.

Cover Image for Why you don't need to be a mathematics genius to be a developer.

Why you don't need to be a mathematics genius to be a developer.

When you first start thinking about becoming a developer, one of the things you might hear is you need to be a math(s) wizz. I am here to tell you that a small number of developers need the mathematics outside of algebra.