Different sized footer areas

hey team,

what code can I use to get the footer area in my shop & home page to look like my blog page pictured below:

both my shop & home pagecurrently look like this:

I tried to use the same code as my blog page but they weren’t responsive:

.footer-widgets {
padding-top: 10px;
padding-bottom: 0;
}

thanks

nevermind, I fixed it myself!