position 질문

position 숙제하는데 제 description box 는 웹사이트 화면을 반으로 줄여도 안 따라오고 계속 그 자리에 머물러있네요.. 이런 걸 반응형 동작이 안된다고 말하는가요?

//css
.sub{
background-color:#eee;
text-align: center;
width: 600px;
position:absolute;
top: 100;
top:480px;
left: 420px;
margin: auto;
padding: 20px;
}

//html

<div class ="main-background">
<h4 class="main-title">Buy our pigs!</h4>

<p style="color: orange;"> Our pigs are so nice and cute.</p>

<button class="button"> BUY</button>
 
 
</div>

<div class="sub">. //이 부분이에요 다른 박스들은 사이즈 줄여도 잘 따라오는데 여기만 안 돼서요
<h4> How we raise our pigs</h4>
<p> We raise our pigs so carefully. anifnifidjfjkfkdofjdofjjefkdk, jdifndjfjdkdofmndf,,dfjdfndfheifjdkfjddifkejfhdjhfjjdhf</p>

</div>
 

 
}