Updated screenshot markdown

Author: w-azure

articles/iot-hub/iot-hub-create-use-iot-toolkit.md

@@ -28,48 +28,46 @@ To complete this article, you need the following:
 
 ## Create an IoT hub and device in an IoT Project
 
-The following steps show how you can create an IoT Hub and register a device to the hub within an IoT Project in Visual Studio Code.
+The following steps show how you can create an IoT Hub and register a device to the hub within an IoT Project in Visual Studio (VS) Code.
 
-Instead of provisioning an Azure IoT Hub and device from the Azure portal. You can do it in the VS Code without leaving the development environment. The steps in this section show how to do this.
+Instead of provisioning an Azure IoT Hub and device from the Azure portal. You can do it in VS Code without leaving the development environment. The steps in this section show how to do this.
 
 1. In the new opened project window, click `F1` to open the command palette, type and select **Azure IoT Device Workbench: Provision Azure Services...**. Follow the step-by-step guide to finish provisioning your Azure IoT Hub and creating the IoT Hub device.
 
-    ![Provision command](media/iot-hub-create-use-iot-toolkit/provision.png)
+   :::image type="content" source="media/iot-hub-create-use-iot-toolkit/provision.png" alt-text="A screenshot that shows you how to open the command palette in VS Code." lightbox="media/iot-hub-create-use-iot-toolkit/provision.png":::
 
     > [!NOTE]
     > If you have not signed in Azure. Follow the pop-up notification for signing in.
 
 1. Select the subscription you want to use.
 
-    ![Select sub](media/iot-hub-create-use-iot-toolkit/select-subscription.png)
+   :::image type="content" source="media/iot-hub-create-use-iot-toolkit/select-subscription.png" alt-text="A screenshot that shows you how to choose your Azure subscription in VS Code." lightbox="media/iot-hub-create-use-iot-toolkit/select-subscription.png":::
 
 1. Then select and existing resource group or create a new [resource group](../azure-resource-manager/management/overview.md#terminology).
 
-    ![Select resource group](media/iot-hub-create-use-iot-toolkit/select-resource-group.png)
+   :::image type="content" source="media/iot-hub-create-use-iot-toolkit/select-resource-group.png" alt-text="A screenshot that shows you how to choose a resource group or create a new one in VS Code." lightbox="media/iot-hub-create-use-iot-toolkit/select-resource-group.png":::
 
 1. In the resource group you specified, follow the prompts to select an existing IoT Hub or create a new Azure IoT Hub.
 
-    ![Select IoT Hub steps](media/iot-hub-create-use-iot-toolkit/iot-hub-provision.png)
+   :::image type="content" source="media/iot-hub-create-use-iot-toolkit/iot-hub-provision.png" alt-text="A screenshot that shows you the first prompt in choosing an existing IoT Hub in VS Code." lightbox="media/iot-hub-create-use-iot-toolkit/iot-hub-provision.png":::
 
-    ![Select IoT Hub](media/iot-hub-create-use-iot-toolkit/select-iot-hub.png)
+   :::image type="content" source="media/iot-hub-create-use-iot-toolkit/select-iot-hub.png" alt-text="A screenshot that shows you the second prompt in choosing an existing IoT Hub in VS Code." lightbox="media/iot-hub-create-use-iot-toolkit/select-iot-hub.png":::
 
-    ![Selected IoT Hub](media/iot-hub-create-use-iot-toolkit/iot-hub-selected.png)
+   :::image type="content" source="media/iot-hub-create-use-iot-toolkit/iot-hub-selected.png" alt-text="A screenshot that shows you the third prompt in choosing an existing IoT Hub in VS Code." lightbox="media/iot-hub-create-use-iot-toolkit/iot-hub-selected.png":::
 
 1. In the output window, you will see the Azure IoT Hub provisioned.
 
-    ![IoT Hub Provisioned](media/iot-hub-create-use-iot-toolkit/iot-hub-provisioned.png)
+   :::image type="content" source="media/iot-hub-create-use-iot-toolkit/iot-hub-provisioned.png" alt-text="A screenshot that shows you the output window in VS Code." lightbox="media/iot-hub-create-use-iot-toolkit/iot-hub-provisioned.png":::
 
 1. Select or create a new IoT Hub Device in the Azure IoT Hub you provisioned.
 
-    ![Select IoT Device steps](media/iot-hub-create-use-iot-toolkit/iot-device-provision.png)
+   :::image type="content" source="media/iot-hub-create-use-iot-toolkit/iot-device-provision.png" alt-text="A screenshot that shows you the fourth prompt in choosing an existing IoT Hub in VS Code." lightbox="media/iot-hub-create-use-iot-toolkit/iot-device-provision.png":::
 
-    ![Select IoT Device Provisioned](media/iot-hub-create-use-iot-toolkit/select-iot-device.png)
+   :::image type="content" source="media/iot-hub-create-use-iot-toolkit/select-iot-device.png" alt-text="A screenshot that shows you an example of an existing IoT Hub in VS Code." lightbox="media/iot-hub-create-use-iot-toolkit/select-iot-device.png":::
 
 1. Now you have Azure IoT Hub provisioned and device created in it. Also the device connection string will be saved in VS Code.
 
-    ![Provision done](media/iot-hub-create-use-iot-toolkit/provision-done.png)
-
-
+   :::image type="content" source="media/iot-hub-create-use-iot-toolkit/provision-done.png" alt-text="A screenshot that shows you IoT Hub details in the output window in VS Code." lightbox="media/iot-hub-create-use-iot-toolkit/provision-done.png":::
 
 ## Create an IoT hub without an IoT Project