Center with CSS

The following methods are based on a blog post I wrote about centering elements with CSS and there's a repo with the source code on my GitHub.

• Method 1: Using margin and max-width
• Method 2: Using flex
• Method 3: Using grid

NOTES

• For best results, view on desktop (on mobile, you won't see much difference between the methods)
• Limited styling is intentional in order to focus on the techniques presented
  • If you'd like to contribue by making changes to the styling of these pages, the repo is made available under the GNU GPLv3+ License.