Update builder2.html

builder2.html

@@ -6,7 +6,7 @@
     <link rel="stylesheet" href="https://unpkg.com/grapesjs/dist/css/grapes.min.css">
     <script src="https://unpkg.com/grapesjs"></script>
     <script src="https://unpkg.com/grapesjs-plugin-forms"></script>
-    <script src="https://unpkg.com/grapesjs-custom-code"></script>
+    <script src="path/to/grapesjs-custom-code.min.js"></script>
     <style>
       body, html {
         height: 100%;
@@ -14,14 +14,13 @@
       }
       .image-container {
         display: flex;
-        flex-wrap: wrap;
         justify-content: space-between;
+        margin-top: 20px; /* Поднятие картинок выше формы */
       }
       .image-container img {
-        width: 33%;
+        width: 30%;
         height: auto;
-        margin-bottom: 20px; /* Увеличено расстояние между изображениями */
-        padding: 0 10px; /* Добавлено небольшое расстояние между изображениями */
+        margin: 0 10px; /* Увеличение расстояния между картинками */
       }
       @media (max-width: 768px) {
         .image-container {
@@ -29,7 +28,7 @@
         }
         .image-container img {
           width: 100%;
-          padding: 0; /* Убираем отступы на мобильных устройствах */
+          margin: 10px 0; /* Увеличение расстояния между картинками на мобильных устройствах */
         }
       }
     </style>
@@ -153,6 +152,7 @@
             },
             modalTitle: 'Insert your code',
             buttonLabel: 'Save',
+            placeholderScript: '// Your JavaScript code here', // Плейсхолдер для скрипта
             codeViewOptions: {
               theme: 'hopscotch',
               readOnly: 0