CSS Layout Techniques 2016-11-03 by Bermon Painter (Meetup) (Twitter) Hardest problem on web... Horizontally and vertically centered box. body { display: flex; align-items: center; justify-content: center; } .box { height: 100px; width: 100px; } Previous best solution was floats with .clearfix. This improved with psuedo-selectors, but was still not ideal. Flexbox & Grid (Not