Me and a few other people were discussing the new layout. Some of its good, but there are quite a few fixes we agreed could be fixed, mostly that could be done by CSS3. Since I've programmed a good handful of websites at this point, here are the below suggestions me and the others came up with to clean up FA's layout a bit more:
html{
max-width: 100%;
}

#ddmenu{

}
site-banner img{
object-position: center; /*changed*/
object-fit: cover; /*changed*/
margin: 0px; /*changed*/
position: relative /*changed*/
}

userpage-nav-header{
flex-flow: no-wrap; /*changed*/
align-items: center;
}


userpage-nav-links{
margin: 0 128px;
}

userpage-nav-user-details{
min-with: fit-content;
margin: 0; /*changed*/
}

#columnpage .content{
margin: -10px;
}

.inline{
font-weight: bolder;
}

.news-block{
max-width: 100%;
position: relative; /*changed*/
}

#submissionImg{
margin: -10px 0px 5px;
}

#cookie-notification{
max-width: 100%;
/*left: 0;*/ /*removed*/
}

.user-submitted-links a {
/*border-bottom: dotted 1px #e5e5e5;*/ /*REMOVED*/
}
.userpage-layout-profile-container {
/*remove padding and borders*/
}

section{
/*remove all borders*/
margin: 0 10 10px;
}

.section-header{
/*give headers some breathing room*/
padding: 10px 10px; /*changed*/
}

.section-body{
min-height: 35px;
border: none!important;
}

#page-userpage .userpage-profile, #page-userpage .userpage-section-right, #page-userpage .userpage-section-left {
/* border: 1px solid #69697d; */ /*REMOVED*/
}

#controlpanelnav{ /*NEW*/
margin-top: -16px
}


The expanded search bar could also use some adjusting to match it's dropdown.

Lemme know what your thoughts are, especially if you're a programmer like myself :D