---
layout: pattern
title: Fluffy Center
description: |
  A centering technique that puts the content in the center via equal padding
  around all its sides.
  <br><br>
  See the full article for many more details about this
  technique and when it's efficient.
  <br><br>
  <a href="/centering-in-css/">Full article</a> · <a href="https://www.youtube.com/watch?v=ncYzTvEMCyE">Video on YouTube</a> · <a href="https://github.com/argyleink/gui-challenges/tree/main/centering">Source on Github</a>
date: 2022-06-01
height: 500
---

A centering technique that puts the content in the center via equal padding
around all its sides.

See the full article for many more details about this
technique and when it's efficient.

<a href="/centering-in-css/">Full article</a> · <a href="https://www.youtube.com/watch?v=ncYzTvEMCyE">Video on YouTube</a> · <a href="https://github.com/argyleink/gui-challenges/tree/main/centering">Source on Github</a>
