Build a Markdown Previewer(help)

Build a Markdown Previewer(help)
0

Tell us what’s happening:

The text is not aligning correctly. Can someone help me please.
I thought the text was supposed to display vertical by default, but it is not aligning vertically.

Your code so far

Html code

<div id ='root'>
</div>

Css code

.container {
  display: grid;
  grid-template-columns: 50px 50px;
  
  
}

.left {
  width: 600%;
  height: 90vh;
  position: relative;
  
  
}

.right {
  width: 1000%;
  height: 200vh;
  border: 1px solid;
  overflow: auto;
  position:relative;
  left: 300px;
  text-align: center;
  
 
  
}

#editor {
  width: 100%;
  height: 90%;
}

Js code

const initialMarkdown = '### Headers # Header 1 ## Header 2 ### Header 3 #### header 4 ##### header 5 ####### header 6 ### list - list item one -list item two - list item three ### links [Freecodecamp](https://www.freecodecamp.org/) ### Text Decorations *italic* **bold** ***bold and italic*** ### Images ![alt text](data:image/jpeg;base64,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)'

class App extends React.Component {
  constructor(props) {
    super(props)
    
    this.state = {
      markdown: initialMarkdown
    }
  }
  
  handleChange = e => this.setState({markdown: e.target.value })
  render() { 
    return (
      <div>
      <h1>Markdown Previewer</h1>
      <div className='container'>
      
      <div className='left'>
        <textarea id='editor' value={this.state.markdown} onChange={this.handleChange}/>
      </div>
      <div className='right'>
     <div id='preview' dangerouslySetInnerHTML={{__html: marked(this.state.markdown)}}/></div>
      </div> 
       </div>
    )
  }
}


ReactDOM.render(<App/>, document.getElementById('root'))

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/76.0.3809.132 Safari/537.36.

Link to the challenge:
https://learn.freecodecamp.org/front-end-libraries/front-end-libraries-projects/build-a-markdown-previewer