And while we're still working with the jobs container, let's also set up the optional CSS.
So I want to navigate to assets.
Again, I'm looking for wrappers.
And you know what?
I'll just.
Clean some stuff here.
So source the assets, then wrappers and we're looking for the jobs container one.
Keep in mind that.
There is a high chance that Veit is going to again log us out.
Don't worry about it.
Let me remove everything over here and let's set up everything from scratch.
So we're looking for margin top and that will be equal to four Rems.
Then the heading two.
And this is for no jobs to display.
And I just simply want to go with text transform.
Unequal to none because by default in the global CSS I have text transform capitalized.
Then also eventually will show how many jobs are there and it's going to be a heading five.
So don't be surprised if I go here with the syntax.
So I'm selecting the heading five, which is a direct child of my section.
Again, something we don't have right now, but we might as well set up the CSS.
So we're looking for font weight and we're going to go with 700 over here and also we're going to go
with margin bottom and we'll set it equal to 1.5 Rems.
Then we want to basically go with jobs.
So now we're looking for jobs array.
It's going to be display grid.
And once it's display grid, we also want to set up a one column layout.
So that's going to be the default look.
And then once we get to 1120, we'll have a two column layout.
So grid template and column.
So let's set up this one as one fraction and it looks like the S is missing over here.
So let me fix that.
And then we want to go to the row gap.
And this one will set it equal to two Rems.
And then at the very end, let's set up that media query.
So we're looking for Add media.
And min width.
Let's go with 1120 just like the other ones.
And here, essentially, let's just grab this jobs and let's fix some values so we don't need to use
display grid.
That's good.
As far as the.
Column, so I'm going to go with one fraction, one fraction.
So two column layout and then instead of row gap, since now we have columns, we might as well set
both of them up as two columns.
So now let's navigate here and notice we should have the same look.
And with this in place now we can render the job info.