обильная адаптация: скрытие .lead, уменьшение заголовка, закрепление меню, перенос стилей в CSS\n\n- Скрытие текста .lead на мобильных для всех страниц, кроме главной (через .lead-main)\n- меньшение размера .display-4 на мобильных\n- еренос всех мобильных стилей из head.html в static/styles.css\n- акрепление меню .navbar сверху на мобильных, добавлен padding-top у body для корректного отображения контента\n- справлен лишний отступ сверху (теперь используется padding-top у body вместо margin-top у .container-lg)\n- лавная страница: добавлен класс lead-main для сохранения текста на мобильных

static/styles.css

@@ -1396,3 +1396,23 @@ a.menu:after, .dropdown-toggle:after {
     line-height: 1.6;
     color: #666;
 }
+
+@media (max-width: 576px) {
+  .lead:not(.lead-main) {
+    display: none !important;
+  }
+  .display-4 {
+    font-size: 1.6rem;
+    line-height: 1.2;
+  }
+  .navbar {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    z-index: 1050;
+  }
+  body {
+    padding-top: 56px;
+  }
+} 

templates/index.html

@@ -6,7 +6,7 @@
 <div class="container-lg py-4">
     <div class="p-5 mb-4 bg-light rounded-3">
         <h1 class="display-4">Buying a Used Car? Check it!</h1>
-        <p class="lead">
+        <p class="lead lead-main">
             <a href="https://www.salvagedb.com/" title="Salvagedb.com" rel="nofollow">Salvagedb.com</a> provides
             information about salvage or junk vehicles; damage from hail, flood or fire; mileage discrepancies or
             odometer rollback; and gray market vehicles. We do not claim that the car got in our databank has salvage