'why arent my images showing in live server but will show when i open in default browser in vs code

<section id="what-you-do" class="steps">
     <h2 class="section-title secondary-border">What You Do</h2>
    <div>
      <img src="file:///Users/miguelpuerto/UCF-VIRT-BO-FSF-PT-08-2021-U-B/02- 

Advanced-CSS/05-Module-Project/lesson-files/2.3/assets/images/step-1.svg" alt="" />

Step 1: Fill Out the Form Above.

You're already here, so why not?



Solution 1:[1]

I'm new at html but try to use:

<img src="../../Users/miguelpuerto/UCF-VIRT-BO-FSF-PT-08-2021-U-B/02- "

use as many ../ as it takes to reach the path. ../../../../../

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 Elikill58