fix: add adaptive to header, footer

src/views/expertise/autotech/model/breadcrums.ts

@@ -0,0 +1,14 @@
+import { ROUTES } from '@shared/const/route';
+
+export const PAGE_NAME = 'Автотехническая экспертиза';
+
+export const breadcrumbData = [
+  {
+    name: 'Экспертиза',
+    path: ROUTES.EXPERTIZA,
+  },
+  {
+    name: 'Автотехническая экспертиза',
+    path: '',
+  },
+];

src/views/expertise/autotech/styles.module.scss

@@ -4,6 +4,7 @@
   display: grid;
   grid-template-columns: auto 360px;
   gap: 160px;
+  padding: 0 40px;
 }
 
 .Article {

src/views/expertise/autotech/ui.tsx

@@ -1,14 +1,16 @@
 import s from './styles.module.scss';
 import { CallbackForm, Connect, OrderSchema } from '@/entities';
 import { Consultation, RelatedArticles, Sidebar } from '@/feature/article';
-import { PartnersSlider } from '@/widgets';
+import { Breadcrumbs, PartnersSlider } from '@/widgets';
 import { sidebarData } from './model/sidebar';
 import { relatedArticlesData } from './model/relatedArticles';
 import { expertData } from './model/expert';
+import { breadcrumbData } from './model/breadcrums';
 
 function AutoTech() {
   return (
     <>
+      <Breadcrumbs breadcrumbs={breadcrumbData} />
       <section>
         <div className={s.Container}>
           <div className={s.Article}>

src/views/home/styles.module.scss

@@ -1,15 +1,15 @@
-.Header {
-  display: flex;
-  flex-direction: column;
-}
-
 .Container {
   margin: 0 auto;
-  width: rem(1540px);
-  padding: 40px 0;
-}
+  max-width: rem(1540px);
+  padding: 40px 10px;
 
-.Footer {
-  margin: 0 auto;
-  width: rem(1540px);
-}
+  @include iftablet{
+    padding: 40px 20px;
+  }
+  @include iflaptop{
+    padding: 40px 28px;
+  }
+  @include ifdesktop{
+    padding: 40px;
+  }
+}