✔ Few minor tweaks

Author: archies-coder

package-lock.json

@@ -4,9 +4,7 @@
   "private": true,
   "dependencies": {
     "codemirror": "^5.48.0",
-    "highlight.js": "^9.15.8",
     "react": "^16.8.6",
-    "react-codemirror": "^1.0.0",
     "react-codemirror2": "^6.0.0",
     "react-dom": "^16.8.6",
     "react-scripts": "3.0.1"

package.json

@@ -1,6 +1,10 @@
+.op{
+  height: 300px;;
+}
+
 .CodeMirror{
   font-family: monospace;
   font-size: 21pt;
-  height: 100%;
+  height: 300px;
   /* background-color: #44475a; */
 }

src/App.css

@@ -1,5 +1,4 @@
 import React, { Component } from 'react';
-// import CodeMirror from 'react-codemirror';
 import 'codemirror/lib/codemirror.css';
 import './App.css'
 import {Controlled as CodeMirror} from 'react-codemirror2'
@@ -13,7 +12,7 @@ export default class App extends Component {
     super();
     this.state = {
       name: 'CodeMirror',
-      code: ':)'
+      code: '🌹💕🐱‍🚀 MODE: XML'
     };
   }
 
@@ -31,7 +30,7 @@ export default class App extends Component {
 		};
     return (
       <div>
-        <p>
+        <p className="op">
           {this.state.code}
         </p>
         {/* <CodeMirror value={this.state.code} onChange={this.updateCode} options={options} autoFocus={true} /> */}