One of the last big things I want to add into our application is a little bit better styling.
We're going to add in to start a little bit of margin on the left and right hand sides of the screen
just so that our code cells and our tech cells are not taking up 100 percent of the width.
So back inside of our ED, we're going to create a new CSFs file for our cell list component inside
the components directory.
I'll make a new file of Zeil List CSFs.
I'll then go to our component file of cell list.
At the very top, I will import the CSIS file that I just created.
I'll then go down to our Jesus block, I'll find the wrapping right there, and I'm going to give it
a class name of cell list.
Then back inside of our access file that we just created.
Blat on a Selecter four sell list, I'll give it a margin of zero pixels on the top and bottom and maybe
about twenty five on the left and right.
Let's save that look back over and now we've got just a little bit of reasonable spacing on the left
and right hand sides that say that definitely looks just a little bit better.
Now, of course, if you want to play around with that spacing, it is totally up to you.
You can add in or remove as much spacing as you wish.
Well, let's say that looks pretty reasonable, but there are still a couple of other very small scissors
fixes I would like to make, for example, if we go down to our bottom code cell right now.
I want you to try it resizing this thing, and as you do so, you'll notice that it starts to go really
crazy really quickly.
So we're going to try to fix this up and make sure that it doesn't just automatically snap shut.
And we're going to be able to get a pretty reasonable solution by addressing this with a little bit
of success.
So let's take a pause right here and then figure out a solution to this in just a moment.