Smart grid created 4 levels of nesting as expected, but margins do not appear, but a scroll appears, what is the problem, I don’t understand?

Question

Sass

I did a trial to check it, but the result is not happy. The grid works, but not like this
HTML code

<section class="section">
       <div class="container">
           <div class="menu">
               <div class="item__left">
                   Lorem ipsum dolor sit amet consectetur adipisicing elit. Facilis iusto sapiente, nam alias sed temporibus itaque ab repellat. Praesentium, dicta.
               </div>
               <!-- /.item__left -->
               <div class="item__right">
                   Lorem ipsum, dolor sit amet consectetur adipisicing elit. Nam exercitationem, quas ipsum veritatis minima repellendus sit labore nulla recusandae soluta.
               </div>
               <!-- /.item_right -->
           </div>
           <!-- /.menu -->
       </div>
       <!-- /.container -->
   </section>
   <!-- /.section -->

wrapper replaced with container
SASS code

.menu
  +row-flex()
  .item__left
    +col()
    +size(5)
  .item__right
    +col()
    +size(5)