want to fix contact form till we are in that particular section

Question

enter image description here

Want to fix right side form till we are in that particular section (Course Curriculum). any kind of help will be appreciated.

Answer 1

you can use the help of CSS sticky property

<div class="form-container">
 <div>other content</div>
 <div class="form">form</div>
</div>

<div class="other-container">
</div>

<style>
  .form-container{
   height: 150vh;
   background: #f1f1f1;
   position: relative;
   display: flex;
   justify-content: space-between;
  }
  .form{
    background: pink;
    width: 30vw;
    position: -webkit-sticky;
    position: sticky;
    right: 0;
    top: 10vh;
    height: 50vh;
  }
  .other-container{
   height: 150vh;
  }
</style>