From 3cde484d43b5d407978e0514bc357f3985396fec Mon Sep 17 00:00:00 2001
From: Krrish Dholakia <krrishdholakia@gmail.com>
Date: Fri, 25 Aug 2023 19:53:18 -0700
Subject: [PATCH] doc updates

---
 docs/my-website/docs/tutorials/first_playground.md | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/docs/my-website/docs/tutorials/first_playground.md b/docs/my-website/docs/tutorials/first_playground.md
index 3982eda454..707a625814 100644
--- a/docs/my-website/docs/tutorials/first_playground.md
+++ b/docs/my-website/docs/tutorials/first_playground.md
@@ -3,6 +3,9 @@ import Image from '@theme/IdealImage';
 
 Create a playground to **evaluate multiple LLM Providers in less than 10 minutes**. If you want to see this in prod, check out our [website](https://litellm.ai/).
 
+**What will it look like?**
+<Image img={require('../../img/litellm_streamlit_playground.png')} alt="streamlit_playground" />
+
 **How will we do this?**: We'll build <u>the server</u> and connect it to our template frontend, ending up with a working playground UI by the end!
 
 :::info
@@ -168,10 +171,10 @@ If you're missing Streamlit - just pip install it (or check out their [installat
 pip install streamlit
 ```
 
+This is what you should see: 
 <Image img={require('../../img/litellm_streamlit_playground.png')} alt="streamlit_playground" />
 
 
-
 # Congratulations 🚀 
 
 You've created your first LLM Playground - with the ability to call 50+ LLM APIs.