PB-108 add flex wrap for column line content on mobile

Author: paras89

app/code/Magento/PageBuilder/view/adminhtml/web/css/source/content-type/_import.less

@@ -15,6 +15,7 @@
 @import 'buttons/_import.less';
 @import 'column/_import.less';
 @import 'column-group/_import.less';
+@import 'column-line/_import.less';
 @import 'divider/_import.less';
 @import 'heading/_import.less';
 @import 'html/_import.less';

app/code/Magento/PageBuilder/view/adminhtml/web/css/source/content-type/block/_mobile.less

@@ -8,7 +8,7 @@
 .mobile-viewport {
     .pagebuilder-content-type.pagebuilder-block {
         .rendered-content {
-            .pagebuilder-column-group {
+            .pagebuilder-column-group, .pagebuilder-column-line {
                 flex-wrap: wrap;
                 .pagebuilder-column {
                     flex-basis: 100%;

app/code/Magento/PageBuilder/view/adminhtml/web/css/source/content-type/column-line/_import.less

@@ -0,0 +1,10 @@
+// /**
+//  * Copyright © Magento, Inc. All rights reserved.
+//  * See COPYING.txt for license details.
+//  */
+
+//
+//  _import imports all appearance less files
+//  _____________________________________________
+
+@import './_mobile.less';

app/code/Magento/PageBuilder/view/adminhtml/web/css/source/content-type/column-line/_mobile.less

@@ -0,0 +1,21 @@
+// /**
+//  * Copyright © Magento, Inc. All rights reserved.
+//  * See COPYING.txt for license details.
+//  */
+
+//
+//  Default appearance styles rendered through Mobile viewport
+//  _____________________________________________________
+.mobile-viewport {
+    .pagebuilder-content-type {
+        .pagebuilder-column-line {
+            > .element-children {
+                flex-wrap: wrap;
+            }
+        }
+
+        &.children-min-height.pagebuilder-column {
+            width: 100% !important;
+        }
+    }
+}