сделал footer для пк и телефон

assets/css/gp-style-core.css

@@ -57,6 +57,8 @@
   --background-grey: #2a2a2d;
   --background-grey-hover: #46464a;
 
+  --link: #86868b;
+
   --text-white: #fff;
 } 
 
@@ -126,10 +128,17 @@ body{
     background-color: var(--blood);
 }
 
-
 .btn--100-per{
     width: 100%;
 }
+
+.link{
+    font-weight: 400;
+    text-transform: uppercase;
+    text-decoration: underline;
+    text-decoration-skip-ink: none;
+    color: var(--link);
+}
 /* components */
 
 /* header */
@@ -141,4 +150,53 @@ body{
     background-repeat: no-repeat;
     background-size: contain;
 }
-/* header */
+/* header */
+
+/* footer */
+.footer__logo{
+    width: 74px;
+    height: 64px;
+}
+.footer__menu{
+    display: flex;
+}
+.footer-menu__list{
+    list-style-type: none;
+
+    font-weight: 400;
+    text-transform: uppercase;
+    color: var(--text-white);
+}
+.footer-menu__list a{
+    color: var(--text-white);
+    text-decoration: none;
+}
+.footer__text{
+    margin-top: 24px;
+
+    font-weight: 400;
+    color: var(--text-white);
+}
+.footer__text:first-child{
+    margin-top: 0;
+}
+.footer__text--no-line{
+    text-decoration: none;
+}
+.footer__media{
+    margin-top: 24px;
+
+    display: flex;
+    align-items: center;
+}
+.footer__review{
+    width: 309px;
+    height: 146px;
+}
+.footer__about{
+    font-weight: 400;
+    font-size: 16px;
+    text-transform: uppercase;
+    color: var(--link);
+}
+/* footer */

assets/css/gp-style-desktop.css

@@ -98,10 +98,47 @@
 /* header */
 
 
+/* footer */
+.footer{
+    padding: 56px 0;
+}
+.footer__wrapper{
+    display: flex;
+    justify-content: space-between;
+    flex-wrap: wrap;
+}
 
+.footer-menu__item{
+    margin-left: 40px;
+}
+.footer-menu__item:first-child{
+    margin-left: 0;
+}
+.footer-menu__list{
+    font-size: 16px;
+}
+.footer-menu__list li{
+    margin-top: 16px;
+}
+.footer-menu__list li:first-child{
+    margin-top: 0px;
+}
+.footer__text{
+    display: block;
 
+    max-width: 297px;
 
+    font-size: 24px;
+}
+.footer__about{
+    margin-top: 33px;
 
+    width: 100%;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+}
+/* footer */
 
 
 

assets/css/gp-style-mobile.css

@@ -1,5 +1,19 @@
 /* Стили для мобильных устройств  */
 @media only screen and (max-width: 576px) {
+.wrapper{
+    width: 100%;
+}
+.phone--hone{
+    display: none;
+}
+
+
+
+/* component */
+.link{
+    font-size: 14px;
+}
+
 /* header */
 .header{
     padding: 24px 16px;
@@ -10,7 +24,9 @@
 
     position: relative;
 }
-
+.header__wrapper{
+    padding: 0;
+}
 .header__phone{
     display: flex;
     align-items: center;
@@ -150,4 +166,45 @@
     align-items: center;
 }
 /* header */
+
+
+/* footer */
+.footer{
+    padding: 40px 16px;
+}
+.footer__wrapper{
+    display: block;
+}
+.footer__item{
+    margin-top: 40px;
+}
+.footer-menu__item{
+    margin-left: 53px;
+}
+.footer-menu__item:first-child{
+    margin-left: 0;
+}
+.footer-menu__list{
+    font-size: 14px;
+}
+.footer-menu__list li{
+    margin-top: 16px;
+}
+.footer-menu__list li:first-child{
+    margin-top: 0;
+}
+.footer__text{
+    display: block;
+
+    font-size: 18px;
+}
+.footer__about{
+    display: flex;
+    flex-direction: column;
+    align-items: start;
+}
+.footer-about__link{
+    margin-top: 24px;
+}
+/* footer */
 }