Hello fellow CSS aficionados!

Welcome to the inaugural Style Stage newsletter 🎉

Thank you for supporting this project! ⭐️ Over 150 of you have starred the repo ⭐️, 12K+ have visited, and I am overall so blown away by the response to Style Stage especially in such a short period of time.

There are now 11 styles available - go check them out!

If you missed the launch livestream, check out the highlights to learn more about how Style Stage came to be, some tips on making your stylesheet, and how the site was built with 11ty.

🚨 Updates

If you have styles in progress note that the process for submitting styles has changed slightly as of today (July 19). Previous instructions stated to add to the json file located at src/_data/styles.json, but now you will need to submit a unique json file within src/_data/styles.

The new helpful pull request template will remind of this expectation and a couple of other items to check in order to successfully submit your stylesheet 💫

---

Recently Added Styles

• Barebones By Vinícius Philot
• Web 2.0 Lobster Party By Andy Bell
• Propaganda By Maryam Hanafiah
• Retro By Rachel B
• Transparency By Jens Oliver Meiert

---

CSS Tip: Center a Div

I had to kick this off with the answer to the classic question: "How do I center a div in CSS?"

Well - there are in fact several ways, and lucky for you, I have you covered with my Complete Guide to Centering in CSS. The first solution covers centering horizontally and vertically, as seen in the following example:

Weekly Link Roundup

Here's some links you may have missed:

• 📺 Make Animations Feel Pro - Sarah Drasner, an expert animator, gives some valuable tips on Learn With Jason
• GIF of Chrome's Vision Deficiency emulator created by Gift Egwuenu
• Demos of modern CSS techniques from Una Kravets and Adam Argyle as presented at Chrome Dev Summit 2019. Some we're still waiting on full support, but very cool to see!

---

Keep it .class-y,
Steph • @5t3ph