Let's cut to the chase - I want to add a chat sidebar to my website, but I'm having trouble adding margins to make it close in properly. Here's the code snippet:
HTML
<div class="inner-chat">
<div class="chat-box-messages">
//Messages
</div>
<div class="chat-box-input">
//Field to input
</div>
</div>
CSS
.inner-chat{
margin:1vw;
}
.chat-box-messages{
height:80%;
background:yellow;
}
.chat-box-input{
height:20%;
background:green;
}
This is how the code appears:
https://i.sstatic.net/kpmPF.png
I suspect that the margin pushing on all sides is causing the issue, but I'm not sure how to tackle this problem differently.