Making conn string copyable

Author: ajosh0504

docs/20-dev-env/1-dev-env-setup.mdx

@@ -36,7 +36,13 @@ To connect to the cluster, click the **Connect** button.
 
 <Screenshot url="https://github.com/codespaces" src="img/screenshots/20-dev-env/1-dev-env-setup/4-click-connect.png" alt="Click Connect" />
 
-In the modal that appears at the top of the screen, enter the string `mongodb://admin:mongodb@mongodb:27017/` and hit `Enter` on your keyboard.
+In the modal that appears at the top of the screen, copy and paste the following string, and hit **Enter** on your keyboard:
+
+<div>
+```
+mongodb://admin:mongodb@mongodb:27017/
+```
+</div>
 
 <Screenshot url="https://github.com/codespaces" src="img/screenshots/20-dev-env/1-dev-env-setup/5-enter-connection-string.png" alt="Enter connection string" />