Markdown Previewer: adding default text in the editor field

JavaScript
1

Tell us what’s happening:

Hello! A couple detail questions on my Markdown Previewer:

  1. I can’t get my h1 ( Markdown Live Preview) to center on page.
  2. I’m trying to put the Preview (dangerouslySetInnerHTML) in a Well. However, the Well does not show up (no grey color).

Thanks!

Your code so far

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_4) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/84.0.4147.125 Safari/537.36.

Challenge: Build a Markdown Previewer

Link to the challenge:

2

If you want to center just title of your app, then I’d add a class/id to h1 element and center that in css.

<h1 class="title">Markdown Previewer</h1>

// Sass (because I've seen you're using it)
.title 
  text-align: center;


handleChange() {
    this.setState({ markdown: event.target.value });  
  }

So, here you’re using event but where this event is coming from? :slight_smile: