use tutorial layout in one image

konfig-dev · Jul 25, 2023 · c4e76ec · c4e76ec
1 parent eb73a48
commit c4e76ec
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 6 deletions.
diff --git a/generator/konfig-docs/src/pages/interactive-tutorial/_steps/1.mdx b/generator/konfig-docs/src/pages/interactive-tutorial/_steps/1.mdx
@@ -4,18 +4,16 @@ This is the interactive tutorial for Konfig.
 
 ### How to use this tutorial
 
-On the left, read the directions and follow the steps.
+On the left, are the **directions** for the tutorial.
 
 On the right, is an interactive development environment to execute commands and
 edit files.
 
-At the top of the development environment, you will see a file editor.
+At the top of the development environment, you will see a **file editor**.
 
-![Editor](/img/editor.png)
+And at the bottom of the development environment, you will see a **terminal**.
 
-And at the bottom of the development environment, you will see a terminal.
-
-![Terminal](/img/terminal.png)
+![Tutorial layout](/img/tutorial-layout.png)
 
 Each section will present a new topic for generating <a
 href="/blog/what-is-an-sdk" target="_blank">SDKs</a> with Konfig. Later steps

diff --git a/generator/konfig-docs/static/img/tutorial-layout.png b/generator/konfig-docs/static/img/tutorial-layout.png