CC aplicado

contenido/14.html

@@ -30,7 +30,7 @@
 
   .img-sotable.disabled {
     pointer-events: none;
-    opacity: 0.7;
+    background-color: #84a816;
   }
 </style>
 <div class='page-sco py-2 py-md-0 h-100'>
@@ -50,7 +50,7 @@
               </div>
             </div>
           </div>
-          <div class="col-12 col-actividad">
+          <div class="col-12 col-actividad" style="overflow: hidden;">
             <div class="custom-grid">
               <div class="img-sotable" data-order="0">
                 <img src="img/14.0.png" class="img-fluid">
@@ -137,6 +137,7 @@
     // Initialize sortable
     $('.custom-grid').sortable({
       items: '.img-sotable',
+      containment: ".wrap-course-content",
       cursor: 'grabbing',
       tolerance: 'pointer',
       helper: "clone",