Layout Recipe

Space Links Evenly with Tailwind justify-evenly

'justify-evenly' distributes children so the space before, between, and after every item is identical — visually calmer than 'justify-between' (which pins the outer items to the edges) and more balanced than 'justify-around' (which halves the outer spacing). It is the right pick for footer link rows, social icon strips, and bottom tab bars. Toggle between the three in the playground above to see the difference instantly.

The playground below is pre-configured with this exact layout — tweak any control to explore, then copy the Tailwind or vanilla CSS from the exporter.