In the text lecture ready for this one, you should have found a little bit of access to paste into
your sizable doctor's file.
There should be three selectors with a variety of different roles inside there.
As soon as you add in that CSFs and then save the file, you should be able to go back to the browser,
refresh the page, and it's going to look like everything is the same as what it was before.
But if you scroll down to the very bottom, you might now notice this little sizable element down here.
So that is the Cizre that a user is eventually going to drag around to resize a code editor and a preview
window in the vertical direction.
Now, at this point in time, in theory, stuff should work, but if you start to drag that thing,
you're going to notice nothing really gets resized.
So to make it troubleshooting this a little bit easier.
I think that we should try to remove one of our two code editors.
Remember, right now we are showing two on the screen, which just makes debugging all the stuff a little
bit challenging.
So to hide one editor.
I'm going to go to my index file, remember, we had hardcoded in a second code cell inside of your
and I'm going to remove the second one.
If I then save that, go back over and refresh now, I can much more easily see the code editor, the
submit button, the preview window is technically right here and then we've got the little draggy thing
right here.
OK, so to start to debug this thing and get a better idea of what's going on, I think the first thing
we might want to do is to get the code editor and the preview window to show up next to each other.
So it kind of actually get closer to the little design that we eventually want to end up with.
Let's take a quick pause and then make sure that we can show the editor in the preview window next to
each other in the next video.