How to correctly adjust footer menu position?

[tobyh4]

Hi,

I am trying to change my footer menu positioning on desktop, so that it looks like the one in the image below.

I have added this code:

@media(max-width:767px){
.menu-drawer {width: 85vw !important; }
}

@media only screen and (min-width:749px){
.footer-block--newsletter.scroll-trigger.animate--slide-in {
    flex-direction: column;
    margin-top: 0px;
    width: 50%;
}

.footer-block__newsletter {
    margin-left: auto;
    margin-right: 0px !important;
}

ul.footer__list-social.list-unstyled.list-social {
    align-self: flex-start;
    margin-bottom: 50px;
}                                              
.footer__content-top.page-width {
    display: flex;
}
.footer-block__newsletter {
    width: max-content;
}


.footer__blocks-wrapper.grid.grid--1-col.grid--2-col.grid--4-col-tablet.scroll-trigger.animate--slide-in {
    gap: 66px;
}
}

however, I can't seem to get the spacing right.

This is what it looks like right now:

Website link is: mauriciobenyar.com

Would really appreciate if anyone could help,

Thanks

[stefansweb2020]

The code is messed up there needs to be done a lot of code tweaking to make that achievable

[tobyh4]

yep, I thought so. Was hoping to get a rough guide for the code which I can tweak so it works as don’t really know how to code, this is just some I found from another discussion which I edited slightly