Fixing layout in exemple page

src/index.html

@@ -33,6 +33,36 @@
           </div>
 
           <input type="submit" value="Отправить!" class="example-select_submit" />
+
+          <code>
+            <pre>
+              const dropdown = new DropDown({
+                selector: '.cg-dropdown_one',
+                placeholder: 'Выберите авто',
+                lable: 'EXAMPLE',
+                items: [
+                  'BMW',
+                  {
+                    id: '213sade',
+                    title: 'Opel',
+                    value: 1,
+                  },
+                  'Mersedes',
+                  'MAN',
+                  'Ferari',
+                ],
+                styles: {
+                  head: {
+                    width: '830px',
+                  },
+                  list: {
+                    width: '824px',
+                  },
+                },
+              });
+            </pre>
+            
+          </code>
         </form>
       </div>
 

src/style/ExemplePage.scss

@@ -56,22 +56,32 @@
 
 .content {
   margin-top: 15px;
-  background-color: #6b6d76;
+  // background-color: #6b6d76;
   border-radius: 5px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   -ms-border-radius: 5px;
   -o-border-radius: 5px;
 }
+
 .example-select {
   width: 100%;
-  margin: 25px;
+  background-color: #5c5c5c;
+  border-radius: 5px;
+  margin: 15px 0 0 0;
+  //padding: 0 13px 13px 13px;
 
   &_title {
+    height: 45px;
+    border-top-left-radius: 5px;
+    border-top-right-radius: 5px;
     color: white;
-    text-align: center;
+    padding: 20px 0 0 40px;
+    margin: 0 0 30px 0;
+    background-color: #2a2f3b;
     font-size: 20px;
   }
+
   &_submit {
     width: 200px;
     height: 35px;
@@ -95,3 +105,9 @@
     }
   }
 }
+
+
+
+pre{
+
+}

src/style/main.scss

@@ -10,7 +10,7 @@
 }
 
 body {
-  background: #c5c5c6;
+  background: #000000c4;
 }
 
 .container {