24.b. Checking Background Alternative 7 Section Spacing

Video Summary

In the last video we set up the about company section and we organize it to where we have the top and then we have three at the bottom. Now, after we set this up while I could do is I like to play around with some like background colors and just see if before we get in and start actually developing this out if there is a better a better styling that we could use to build this section. And I do want to say is that as I’m building a website, I like to have my each section of the webpage that we’re working on to be distinct and the color of its own. Now this is a slider. So we have different colors than the white background here. And also to since it does move and change instinctly lets the person know that this is one section. Now with the arm mechanic services. This section has a white background you can eat our current role. It’s technically a light gray background because if you come down here and look this is pretty white as well. But when you when you look at them back or side to side, you can see they’re different colors. But you know most people would might think that this is a different kind of or its own kind of light, right? Let’s just see what this background might look like. If we change it to maybe the dark blue. 

But I think that’s good enough spaces to where I think that looks really good. And let’s look at the bottom. I think that 95 Right here is a little bit too much. So let’s but we still want some let’s try was cut that in with 30 Oh, I think that is like the perfect little brim. I think that will work out nicely. Now I do think that this section right here is a little bit too tight right? So let’s just think about, you know, when you’re talking about the CSS properties that we’re working with the margins and padding here. So what I want to do is let’s just click on this section right here, and we’ll pop up and let’s go to Advanced Now I do want to say is, is that when you’re when you’re working with the padding and the margin in the exam section, having these values like linked together or not, can affect it. So this is gray and we come in here and we type in 10. 

Every single section 50 less well it makes it really easy if you want to have that type of spacing, but we don’t so what we’re going to do is we’re going to go back to the original and if you make sure that this is unflexible has a white background, this is where you can just have individual individual measurements. So you know, you can do pixels, if you come over here to is you can get pixels em REM or you can even so I like we’re coming to padding, or you’re not trying to center something. pixels is always the way to go. So what I’m gonna do is at the top, I’m going to try let’s try 30 See how that works. I think that’s fine. Let’s try I want a little bit more bit more kind of strain us on this a little bit of a trip. 

I think that’s a little bit too much. Maybe 40 will be the sweet spot. All right. Yeah, I think that’s good enough to where you got no spacing, but still, it still is close enough to be attached. This whole section. So now that we’ve gotten the spacing, and now that we’ve got a section kind of right where we want it, I think now is the time where we go through and find and find a couple images to put right here. And then we will just play our information and call out throughout here. 

PHP Code Snippets Powered By : XYZScripts.com