How to work with webpages in 1stContact.ai, sections, columns, rows, and elements, and how to resize

0:02 So, in this video, we're going to talk about building web pages within first contact and how they work. There's a certain hierarchy. 0:11 You have to have a section and within this section you can create a row within a row. You can create a column and within a column you can create an element. 0:20 So, I'm going to first create a blank section. Sections are green. And then I'm going to add, let's see here, we're going to pop in a row. 0:33 So, when you add a column, it automatically adds the row. The row is blue and the column is purple. And then, let's say I want to put an image. 0:43 I'll put an image in here. Now, if I click the image, I, It can resize it on the right side here, with the width and the height. 0:56 Okay. Umm, I can also come in here and I can adjust the margin and the padding. So, sometimes, maybe we want it to be a little kind of moved over in certain areas. 1:11 Now, the section, again, that's green. Remember? So, we got section. Row is blue. Column is purple, and element is orange. 1:23 The element is whatever it is like text or images. If I want it to span the whole length of the section, when I click on section, I can go to general and allow the row. 1:34 you the entire width. So now you see the whole thing is stretched out. Now, let's say I want to, I want to bring this back together, but I, I do want it the whole width on some parts. 1:48 I can go to the row option, which is blue, and now I can. And move this and bring it in or out. 1:57 Let's say I want to add another column. I'd like to have text on one side and an image on the other. 2:04 If I'm in the purple, which is the column, and hit this duplicate. It's this little duplicate option here. I probably should have blown my window up. 2:13 There we go. I can now, it's just created now two columns. So there's two columns, just like in Excel. Now I'm going to delete this one. 2:24 I'm going to add a new element. Drop in a headline. Oh, there. And the headlines are always H1, but you can change them. 2:37 Okay. And, And, It's a little finicky. There you go. Just pretty kind of, uh, a little picky. You have to make sure you're right on that circle. 2:50 But now let's say, you know, I want to, uhm, I want to expand the roll a little bit more. We can do that, and let's say maybe I want this image all the way over here. 3:00 We can do that. So that's how it is working with sections, rows, columns, and elements.