Lock an Element to its Parent with Absolute Positioning - Code not working

Tell us what’s happening:
Hi, I’ve been stuck with this problem and I’m not sure what I’m missing.

*Error - The #searchbar element should have a position set to absolute.

I’ve reread the instructions and checked the code a few times.

Your code so far


<style>
  #searchbar {
    position: obsolute; 
    top: 50px;
    right: 50px;
    
  }
  section {
    position: relative;
  }
</style>
<body>
  <h1>Welcome!</h1>
  <section>
    <form id="searchbar">
      <label for="search">Search:</label>
      <input type="search" id="search" name="search">
      <input type="submit" name="submit" value="Go!">
    </form>
  </section>
</body>

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_14_2) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/12.0.2 Safari/605.1.15.

Link to the challenge:
https://learn.freecodecamp.org/responsive-web-design/applied-visual-design/lock-an-element-to-its-parent-with-absolute-positioning/

Typo: obsolute instead of absolute

1 Like

Wow! :sweat_smile:

Thank you!