This is the file Explorer container. And yeah. So here we have to do flex call for mobile and large flex row. And we also have to change the width for mobile. So with full for mobile, but large, it's with three fourths. And the margin right only applies to large and above. And we want the same thing on our sidebar here. So large with one fourth, but mobile with full. Okay. Let's see if this stacks.

So let's do that. And they also remove some of this stuff here. So the only thing they leave is the days ago and the number of commits. So we can do that, too. So let's start with the file Explorer, and I'll just do one of them. So let's look for the one that says update_issues_template. Okay. And we just want to hide this on mobile. So hit enlarge. It's going to be block.

So again, I'm going to make this change for everything. Okay. So I made that change, and it's looking pretty good. Now let's work on this and just hide some of these things on mobile. So let's hide the hash. Let's hide the commits word. And I think that's it. Yeah. Okay. So let's hide the hash.

And this was from the about section in the sidebar. So I'm not going to do that. I'm just going to stack this and put these buttons underneath. So let's look for that. It's called tailwind.css. So it's this section here. So let's just stack them and say flex-col. And lg:flex-row. See how that looks. Okay.

But for now, I am just hiding them and making it look good on mobile. So on mobile view, it looks pretty good. And let's make sure I didn't screw anything up on the desktop view. And everything still looks pretty good. So again, I'm going to make a final commit here. So say git add, git commit, and say GitHub finish design. So yeah, I hope you enjoyed this little mini series on rebuilding the GitHub UI. And I hope you learned something new.