32.i Contact Form Section Optimization

Video Summary

In this section, we are going to optimize for mobile devices, repo or free inspection section. So look on the desktop view. Now I think we’ll just hop into tablet and see how that looks and then go to mobile and see how that works, right. 

So as I’m looking at this now, I’m seeing that this guy’s face is kind of cut off, right? And I don’t know if I want to be potentially stylist to make sure that his his face will actually be right you know, kind of right in the middle of this bar. Because if we kind of slide this you know, your when when you start optimizing, and you really if you really want to have this guy’s face right in the middle, we’d have to almost set up different media queries, set different photos for different, you know, width ranges. And that just seems like a lot of extra work for, you know, very little additional value. I mean, because if you’re thinking about the desktop view right here, right now, we have this footer over here, it’s working for us. And it’s taking up a lot of empty space that we that we would have to fill somehow. If we just had our free inspection form, right. 

So but we come down here to tablet, you know, I think we can almost center this, this headline and this contact form and like little bit of whitespace that might be on the left or right I really wouldn’t. I don’t think it would look that bad, I think it would, it would work out real nice for us. So that’s something I want to think about. But let’s just see what mobile looks like. And we’re going to scroll down and we’re looking at like the I think the headline the actual form looks good. And this photo isn’t one it’s not centered too. It’s at the end of the white section. You will see that on the actual one. This is where if you want to add another section below. 

PHP Code Snippets Powered By : XYZScripts.com