0.0.181 media 320px v.2.1

static/css/styles.css

@@ -338,10 +338,6 @@ footer>div {
     padding-top: 20px;
 }
 
-.second-footer>div>div:last-child {
-   width: 62%;
-    float: right;
-}
 
 .second-footer {
     padding: 0;
@@ -350,16 +346,28 @@ footer>div {
     background: #F8F8F8;
 }
 
-.sf_first-column{
+.second-footer>div>div{
-    width: 27%;
-    float: left;
-}
-.sf_second-column{
     display: inline-block;
 }
-.sf_third-column{
+.second-footer>div>div>a{
-    width: 33%;
+    font-size: 16px;
-    float: right;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 22px;
+    color: #272424;
+}
+
+.sf_1-column{
+    padding-left: 80px;
+     padding-right: 230px;
+}
+.sf_2-column,
+.sf_3-column
+{
+    padding-right: 40px;
+}
+.sf_4-column{
+    display: inline-block;
 }
 
 .second-column>div:first-child {
@@ -695,16 +703,6 @@ header>div:last-child>div:nth-child(2)>.svg {
     text-decoration: none;
 }
 
-.second-footer>div>div:first-child {
-    color: #272424;
-    font-family: Inter;
-    font-size: 16px;
-    font-style: normal;
-    font-weight: 400;
-    line-height: 22px;
-    width: 30%;
-    float: left;
-}
 
 .first-column>div:nth-child(2)>div:last-child>input:focus-visible {
     outline: unset;
@@ -2697,7 +2695,7 @@ details[open] summary ~ *{
 
 
 /*media breakpoints*/
-@media (max-width: 320px) {
+@media (max-width: 360px) {
 
     header{
         padding: 5px 16px;

templates/blocks/b_footer.html

@@ -67,15 +67,16 @@
 
     <div class="second-footer">
       <div>
-        <div>{% trans "Copyright © 2023. Все права защищены." %}</div>
 
-        <div>
+          <div class="sf_1-column">Copyright © 2023. Все права защищены.</div>
-          <div class="sf_first-column"><a href="{% url "user_page" "publichnaya-oferta" %}">{% trans "Публичная оферта" %}</a></div>
+          <div class="sf_2-column">
-          <div class="sf_second-column">
+              <a href="/ru/info_page/publichnaya-oferta/">Публичная оферта</a>
-              <a href="{% url "user_page" "politika-konfidencialnosti" %}">{% trans "Политика конфиденциальности" %}</a></div>
+          </div>
-          <div class="sf_third-column">
+          <div class="sf_3-column">
-              <a href="{% url "user_page" "pravila-polzovaniya-servisom" %}">{% trans "Правила пользования сервисом" %}</a></div>
+              <a href="/ru/info_page/politika-konfidencialnosti/">Политика конфиденциальности</a></div>
-        </div>
+          <div class="sf_4-column">
+              <a href="/ru/info_page/pravila-polzovaniya-servisom/">Правила пользования сервисом</a></div>
+
 
       </div>
     </div>