+++
date     = "2022-05-11T21:56:29+00:00"
lastmod  = "2022-05-11T21:56:29+00:00"
tags     = [ "webdev", "clips" ]
author   = "tdro"
+++

The {{< abbr "`CSS`" "Cascading Style Sheets" >}}
[flexible box layout](https://www.w3.org/TR/css-flexbox-1/) (`flexbox`) is a
great spec. The `flex-direction` property allows rearranging the position of
children inside a `flex` container. This works in pretty much every browser ---
even _defunct_ ones like
[Internet Explorer](https://en.wikipedia.org/wiki/Internet_Explorer). Don't work
hard and write `JavaScript`, be lazy and write `CSS`.

{{< video
  remote=true
  preload="none"
  caption="Safari's and Internet Explorer's `flex-direction`"
  source="https://res.cloudinary.com/dpszgzqjb/video/upload/v1652317186/flex-direction.mp4"
  poster="https://res.cloudinary.com/dpszgzqjb/image/upload/v1652338492/flex-direction-poster.png"
>}}