I have a registration form where the there is icons in the form input. When i resize the window it displaces (squeezes) which is very annoying can anyone tell me what should i do to make it fixes in the place where it is.

```css
#username-logo {
  position: relative;
  float: left;
  top: 40px;
  left: 15%;
}

#password-logo {
  position: relative;
  float: left;
  top: 40px;
  left: 15%;
}

#email-logo {
  position: relative;
  float: left;
  top: 40px;
  left: 15%;
}
```

```html
<form id="form-container">
  <h1 id="linklist">Register</h1>
  <input type="text" name="username" id="username" placeholder="Username" required="required">
  <i class="fas fa-user" id="username-logo"></i>
  <input type="password" name="password" id="password" placeholder="Password" required="required">
  <i class="fas fa-lock" id="password-logo"></i>
  <input type="email" name="email" id="email" placeholder="Email" required="required">
  <i class="fas fa-envelope" id="email-logo"></i>
  <input type="submit" name="submit" id="submit" value="Register">
</form>
```