CHILD COLUMNS

"Cool. But in this case, I don't even want this one. I'm going to delete this button because if we go back to what we're trying to build, our button is in a two-column layout here. All right. Let me go and put that two-column layout in. I could do all kinds of things here, but I'm just going to do this from scratch. Let's just delete it all. All right, it's gone. In here now, what I'm going to do is use our two column and actually apply this now. So, watch this, two columns in we go.

And there, it's dropped our column for us but, look, it's already been really nice. And it's put in our padding for us, which we can see here, thank you. But it was really nice of it, but we don't actually need that padding because all we're going to do is drop in a border and a bottom. Now, you just need to make some logical decisions on how you clean things up. Well, in this case, I can use the minus function to get rid of the outer frame. If I delete this, it's going to delete everything. But if I hit the minus, it's just going to unwrap. You can see there from the tool tip, it's going to literally remove only that frame, leave all the contents within. So, unwrap. Okay. Now, we've got a column.

In this one, I'm actually going to put a border in this one. So, which one should I delete? Well, I could delete either of these. Because I don't want any padding on this, I'm actually just going to delete the parent here so I can unwrap the parent. And then on this one, I'm going to put a button so I could make a choice here. Do I want to leave in this padding? I don't know if I do at this point, so I'm just going to unwrap both.

Now, that's not something that you can do when you're in the child. These are all the light blue. All I've done there is delete the two parent blocks. It's up to you. There's no rules of thumb there. I just like to keep clean as I go, because I don't like any junk in my code. So, there is that. This is a masterclass, so I'm showing you how us designers like to work to keep it clean."