There is one last very small thing I want to add to this text sell right now, when we are showing it
in the sort of preview mode, this thing expands to just fill up the entire screen or essentially as
much space as it possibly can.
If we think back to our mark mockups over here, we had said that we wanted this kind of nice outline
around it and maybe a little bit of margin on there as well.
So let's just add on one or two class names to get just a little bit better styling.
Back inside my editor.
I'm at the very bottom of our text editor component.
Here's where we are displaying the preview version of the editor to the existing div.
I'm going to add on a class name of card.
I'll then add in a new div inside of it.
With a class name of Card Dasht content, so these are some class names that are wired up inside of
Buruma, which you will recall we are using inside of our project.
So these will just give us a nice looking kind of card thing where we get that nice outline.
We've also got a lot of margin around it as well.
I can still click anywhere inside of here and see the appropriate result.
I see this turn into our actual markdown editor.
OK, so definitely a lot better styling, I would say.
Well, this looks pretty good.
So now let's take a pause on this component and move on in just a moment.