Added default CSS styles to make rows and columns work out of the box

.gitignore

@@ -1,3 +1 @@
-/.idea
-_testing.txt
-vendor/
+.idea/

assets/css/editor.scss

@@ -1204,6 +1204,7 @@ $darkgray: #CCCCCC;
 
 .layotter-default-value {
     cursor: pointer;
+    font-size: 12px;
 }
 
 .layotter-row-layout-option {

assets/css/frontend.scss

@@ -0,0 +1,88 @@
+.lo-row {
+    margin-bottom: 20px;
+    margin-left: -10px;
+    margin-right: -10px;
+
+    @media only screen and (max-width: 700px) {
+        margin-bottom: 0;
+    }
+
+    &:after {
+        content: '';
+        clear: both;
+        display: block;
+    }
+
+    .lo-col-size1of12 {
+        width: 8.33333%;
+    }
+
+    .lo-col-size2of12 {
+        width: 16.66666%;
+    }
+
+    .lo-col-size3of12 {
+        width: 25%;
+    }
+
+    .lo-col-size4of12 {
+        width: 33.33333%;
+    }
+
+    .lo-col-size5of12 {
+        width: 41.66666%;
+    }
+
+    .lo-col-size6of12 {
+        width: 50%;
+    }
+
+    .lo-col-size7of12 {
+        width: 58.33333%;
+    }
+
+    .lo-col-size8of12 {
+        width: 66.66666%;
+    }
+
+    .lo-col-size9of12 {
+        width: 75%;
+    }
+
+    .lo-col-size10of12 {
+        width: 83.33333%;
+    }
+
+    .lo-col-size11of12 {
+        width: 91.66666%;
+    }
+
+    .lo-col-size12of12 {
+        width: 100%;
+    }
+
+    .lo-col-size1of12,
+    .lo-col-size2of12,
+    .lo-col-size3of12,
+    .lo-col-size4of12,
+    .lo-col-size5of12,
+    .lo-col-size6of12,
+    .lo-col-size7of12,
+    .lo-col-size8of12,
+    .lo-col-size9of12,
+    .lo-col-size10of12,
+    .lo-col-size11of12,
+    .lo-col-size11of12 {
+        box-sizing: border-box;
+        padding: 0 10px;
+        float: left;
+        min-height: 1px;
+
+        @media only screen and (max-width: 700px) {
+            float: none;
+            min-height: 0;
+            width: auto;
+            margin-bottom: 20px;
+        }
+    }
+}

core/assets.php

@@ -178,4 +178,15 @@ function layotter_assets_admin_enqueue_scripts() {
         )
     );
 
+}
+
+
+/**
+ * Include basic CSS in the frontend if enabled in settings
+ */
+add_action('wp_enqueue_scripts', 'layotter_frontend_assets');
+function layotter_frontend_assets() {
+    if (!is_admin() AND Layotter_Settings::default_css_enabled()) {
+        wp_enqueue_style('layotter-frontend', plugins_url('assets/css/frontend.css', __DIR__));
+    }
 }