Why overflow: hidden?

Hello, doing the layout in bootstrap3. There was a problem: for some reason not working overflow: hidden in the rounded edges.

Here's the layout:
71542087ef04c623697c80708fd08a97.png

Here is the code:
<div class="slide-container">
 <div class="container">
 <div class="row">
 <div class="col-md-12">

 <div class="slide">
 <div class="col-md-5 img-container">

</div>
 <div class="col-md-7 content">
 <h2 class="dfx-title">HOW to SELL THROUGH the APP</h2>
 <p class="dfx-text">Lorem ipsum dolor sit amet, consectetur
 adipisicing elit. Nam Doloremque praesentium voluptate
 voluptatem. Animi, possimus.</p>
 <ul class="dfx-list">
 the <li>to B2C (re-sale and bind the service
chats)
 </li><li>developers – angels
 </li><li>amazing conditions
</li><li>Antichip
</li></ul>
 <h2 class="dfx-title">HOW to SELL THROUGH the APP</h2>
 <p class="dfx-text">Lorem ipsum dolor sit amet, consectetur
 adipisicing elit. Nam Doloremque praesentium voluptate
 voluptatem. Animi, possimus.</p>
 <ul class="dfx-list">
 the <li>to B2C (re-sale and bind the service
chats)
 </li><li>developers – angels
 </li><li>amazing conditions
</li><li>Antichip
</li></ul>
 <h2 class="dfx-title">HOW to SELL THROUGH the APP</h2>
 <p class="dfx-text">Lorem ipsum dolor sit amet, consectetur
 adipisicing elit. Nam Doloremque praesentium voluptate
 voluptatem. Animi, possimus.</p>
 <ul class="dfx-list">
 the <li>to B2C (re-sale and bind the service
chats)
 </li><li>developers – angels
 </li><li>amazing conditions
</li><li>Antichip
</li></ul>
</div>
</div>

</div>
</div>
</div>
</div>


Sass:
.slide-container
 width: 100%
 margin-top: 25px
 height: 450px
.slide
 overflow: hidden
 border: 1px solid rgba(#000, .1)
 height: 450px
 border-radius: 10px
.img-container
 background: url("../img/graphictwister_137.jpg")
 background-size: cover
 background-position: center center
 height: 450px
.content
 padding: 60px 60px 60px 30px
 height: 450px
 overflow-y: scroll


Tell me, what am I doing wrong?
June 10th 19 at 14:30
1 answer
June 10th 19 at 14:32
<div class="col-md-5 img-container"> </div>

The first reason - forgot to close col-md-5 img-container

Second

<!--for md grid displays 12 columns and then transferred to which of these subsidiaries is and how many columns-->
 
<div class="col-md-5 img-container"> <!--Under the penny slider--> <div class="slide"></div> </div> <!--Closed part of block col-md-5--> <div class="col-md-7 content"> <!--Under content 7 is allocated--> ...</div> <!--Closes the container with the coordinates for the md-grid-->

Find more questions by tags Web DevelopmentCSSHTML