Width or flex-basis

November 27, 2018

Width of flex-basis Breaking down when to use the width property or flex-basis with flexbox Blog post: https://bradleytaunt.com/posts/width-or-flex-basis/ Live demo on CodePen: https://codepen.io/bradleytaunt/full/JevaYQ/

Adapable Flexbox Grid

November 22, 2018

Flexbox grid layout which auto-detects the number of children in a set row and adapts their width accordingly. Check it out on CodePen: https://codepen.io/bradleytaunt/full/rQdLxv/

Gradient Hover Cards

November 21, 2018

Card UI with a gradient animated overlay on hover. Check it out live on CodePen: https://codepen.io/bradleytaunt/full/VVQKyr/

Undo Keyboard (CodePen)

June 26, 2018

Recreated my 'undo keyboard' on CodePen in pure CSS. Link: https://codepen.io/bradleytaunt/full/PadQMP/

Credit Card Statement UI

March 20, 2018

A simple credit card statement UI created for morning warmup. Uses default table layout for desktop devices and flexbox for mobile views. Check it out live: https://codepen.io/bradleytaunt/pen/aYpdoP

Dirty Terminal (SOMA Inspired) on CodePen

March 16, 2018

I've taken my original terminal concept - inspired by the excellent game SOMA's UI interfaces - and made into a pure CSS version on CodePen. Check it out: https://codepen.io/bradleytaunt/pen/NYNbEj