Streamlit's Major Layout Update: Flex Containers 🚀

In this coding session, we demonstrate the new flex containers in Streamlit, making a parallel with frontend flexbox layout.

At the end, you will be able to distribute widgets around vertical and horizontal layouts in Streamlit. More layout options to come!

00:00 Intro
00:32 Flexbox in CSS
06:50 The New st.container
13:39 Login Window example

---

🗣️ Stay up to date with the Data Web App Ecosystem

- 📑 Follow my socials ➡ https://andfanilo.com
- 📧 Get my latest updates in your inbox ➡ https://newsletter.andfanilo.com
- 💰 Buy me a coffee to stay awake while editing ➡ https://www.buymeacoffee.com/andfanilo

🔗 Links

- Streamlit 1.48: https://docs.streamlit.io/develop/quick-reference/release-notes/2025#version-1480
- Native Google Login: https://www.youtube.com/watch?v=QziGFxHM1pA&list=PLJJOI_ZUeaBphhaFWf2fotnKhF95MdI4g&index=3

🔧 My tools (Affiliate links to support me)

- 📕 Streamlit Official Book - https://amzn.to/3QuRPwl
- 📷 Main Camera - https://amzn.to/3QvTosB
- 📷 Main Lens - https://amzn.to/3svYCwq
- 🎙️ Microphone - https://amzn.to/47l5ewA
- 🎵 Music & Sound Effects - https://www.epidemicsound.com/referral/a2p22s

---

🪶 Another video produced in a day, wow! Hope it gets 1k views in a week

⚠️ Links included in this description might be affiliate links. If you purchase a product or service with the links that I provide I may receive a small commission. Thank you for supporting my channel so I can continue providing you with free content!

#streamlit #python #datascience #dataapps