Left-align the footer items, remove left padding.

seedlet/assets/css/ie.css

@@ -4848,7 +4848,7 @@ nav a {
 .site-footer {
 	overflow: hidden;
 	display: flex;
-	align-items: center;
+	align-items: flex-start;
 	flex-wrap: wrap;
 	flex-direction: column;
 }
@@ -4907,18 +4907,13 @@ nav a {
 	color: #333333;
 	margin: 0;
 	padding-left: 0;
-}
-
-@media only screen and (min-width: 822px) {
-	.site-footer > .footer-navigation .footer-menu {
-		display: flex;
-		flex-wrap: wrap;
-		justify-content: flex-end;
-	}
+	display: flex;
+	flex-wrap: wrap;
+	justify-content: flex-start;
 }
 
 .site-footer > .footer-navigation .footer-menu > li {
-	display: inline;
+	display: inline-block;
 }
 
 .site-footer > .footer-navigation .footer-menu > li:first-of-type > a {
@@ -4930,7 +4925,7 @@ nav a {
 }
 
 .site-footer > .footer-navigation .footer-menu .menu-item {
-	padding: 13px;
+	padding: 13px 13px 13px 0;
 }
 
 .site-footer > .footer-navigation .footer-menu .menu-item a {

seedlet/assets/sass/components/footer/_footer-branding.scss

@@ -3,7 +3,7 @@
 .site-footer {
 	overflow: hidden;
 	display: flex;
-	align-items: center;
+	align-items: flex-start;
 	flex-wrap: wrap;
 	flex-direction: column;
 }

seedlet/assets/sass/components/footer/_footer-navigation.scss

@@ -17,15 +17,12 @@
 		color: var(--footer--color-text);
 		margin: 0;
 		padding-left: 0;
-
-		@include media(desktop) {
-			display: flex;
-			flex-wrap: wrap;
-			justify-content: flex-end;
-		}
+		display: flex;
+		flex-wrap: wrap;
+		justify-content: flex-start;
 
 		& > li {
-			display: inline;
+			display: inline-block;
 
 			&:first-of-type > a {
 				padding-left: 0;
@@ -37,7 +34,7 @@
 		}
 
 		.menu-item {
-			padding: var(--primary-nav--padding);
+			padding: var(--primary-nav--padding) var(--primary-nav--padding) var(--primary-nav--padding) 0;
 
 			a {
 				font-family: var(--primary-nav--font-family);

seedlet/style-rtl.css

@@ -3330,15 +3330,10 @@ nav a {
 
 .site-footer {
 	overflow: hidden;
-}
-
-@media only screen and (min-width: 822px) {
-	.site-footer {
-		display: flex;
-		align-items: center;
-		flex-wrap: wrap;
-		flex-direction: column;
-	}
+	display: flex;
+	align-items: flex-start;
+	flex-wrap: wrap;
+	flex-direction: column;
 }
 
 .site-footer > .site-info {
@@ -3391,18 +3386,13 @@ nav a {
 	color: var(--footer--color-text);
 	margin: 0;
 	padding-right: 0;
-}
-
-@media only screen and (min-width: 822px) {
-	.site-footer > .footer-navigation .footer-menu {
-		display: flex;
-		flex-wrap: wrap;
-		justify-content: flex-end;
-	}
+	display: flex;
+	flex-wrap: wrap;
+	justify-content: flex-start;
 }
 
 .site-footer > .footer-navigation .footer-menu > li {
-	display: inline;
+	display: inline-block;
 }
 
 .site-footer > .footer-navigation .footer-menu > li:first-of-type > a {

seedlet/style.css

@@ -3356,7 +3356,7 @@ nav a {
 .site-footer {
 	overflow: hidden;
 	display: flex;
-	align-items: center;
+	align-items: flex-start;
 	flex-wrap: wrap;
 	flex-direction: column;
 }
@@ -3411,18 +3411,13 @@ nav a {
 	color: var(--footer--color-text);
 	margin: 0;
 	padding-left: 0;
-}
-
-@media only screen and (min-width: 822px) {
-	.site-footer > .footer-navigation .footer-menu {
-		display: flex;
-		flex-wrap: wrap;
-		justify-content: flex-end;
-	}
+	display: flex;
+	flex-wrap: wrap;
+	justify-content: flex-start;
 }
 
 .site-footer > .footer-navigation .footer-menu > li {
-	display: inline;
+	display: inline-block;
 }
 
 .site-footer > .footer-navigation .footer-menu > li:first-of-type > a {
@@ -3434,7 +3429,7 @@ nav a {
 }
 
 .site-footer > .footer-navigation .footer-menu .menu-item {
-	padding: var(--primary-nav--padding);
+	padding: var(--primary-nav--padding) var(--primary-nav--padding) var(--primary-nav--padding) 0;
 }
 
 .site-footer > .footer-navigation .footer-menu .menu-item a {