"Now, to access elements, go to the main menu on the top left, go down to styles, and you'll see elements in the top bar. Now, the first design choice I want you to make is whether you want your buttons square, round, rounder, or roundest. Now, you can see here in the preview that there's a button there to play with, but it also controls the button in the form and also the button in the Action Section. So have a think, which of these buttons is going to be the nicest for your website? Knowing that you can change at any time. So here, we'll have a look at square and we'll have a look at round, and rounder and roundest. Okay, so make that choice now, knowing that you can come back at any time during the five-day challenge or any time in the future and change this with just one click."

"The next element that we're going to look at is your padding. Now, there's a whole episode focusing on building Layouts from scratch on day three, the essentials episode, so if you want to know more, watch that episode now. It'll teach you really how to build any website Layout in the world from scratch. But core to that episode and core to that learning is padding. Now, on mobile, we've got outer padding, which is the padding that sits on the outside of your Layout, and we've got the inner padding, which is the padding that wraps each block or wraps each container as we call them in front-end development.

And so when you pick the settings here on the element, it's going to change those across the entire website in one hit, so that means all of the Layouts will work together. So as you pick a Layout from one Theme or a Layout from another Theme, those Themes might have different padding. They might have different outer padding and they might have different inner padding. Well, we're going to set the outer and inner pad here so when you drag those Layouts onto a page, it will instantly convert that into your settings. And that's one of the tricks on mobile, how we get all of these Layouts to work together, and it's our AI Website Bots that are doing that change for you.

So you can have a play with this now. In the Layout, in the preview here, you can get a feel for that outer and inner padding, and that's going to stand you in good stead for when we move on to day three, because this is one of the first things we learn in that core session where we teach you to build any website in the world from scratch."

"And the final element I want you to consider is your widget card. Now, if we look over in the preview here, we can see our widget card. Now, the widget card are presets which control the padding and alignment across all of your widgets so that they all look nice and work together. So really, there's three types that you can choose from here. There is literally no padding, and then we have tight, regular, and loose. I just want you to note here that in the actual widget itself, you can actually change the padding within the widget there too, so this is in addition. It's really more focusing on the height between the title or the height between the summary. So this makes sure that no matter how you configure your widgets, some widgets don't have a title, some don't have a summary, some don't have a price, this setting makes sure that all of your widget settings all work together, no matter how you configure that particular widget. So don't need to overcomplicate this. I just want you to select non, tight, regular, or loose.

Okay, and that's the end of the session. That was elements. And now, we're nearly racing to the end of day one. We're going to quickly go and have a look at effects."