0.0.107 rewrite footer without display:flex

This commit is contained in:
2023-08-17 17:38:26 +03:00
parent e6bc30cb80
commit a3e5c50940
2 changed files with 25 additions and 9 deletions

View File

@@ -232,6 +232,9 @@ section.register>h1 {
line-height: 20px;
margin-bottom: 10px;
}
.first-column>div:first-child{
margin-bottom: 40px;
}
footer>div {
max-width: 1280px;
@@ -279,19 +282,16 @@ footer>div {
.second-footer>div {
display: flex;
max-width: 1280px;
margin: auto;
height: 60px;
align-items: center;
justify-content: space-between;
width: 100%;
padding-top: 20px;
}
.second-footer>div>div:last-child {
display: flex;
width: clamp(400px, 55%, 60%);
justify-content: space-between;
width: 62%;
float: right;
}
.second-footer {
@@ -302,6 +302,18 @@ footer>div {
margin-top: -15px;
}
.sf_first-column{
width: 27%;
float: left;
}
.sf_second-column{
display: inline-block;
}
.sf_third-column{
width: 33%;
float: right;
}
.second-column>div:first-child {
color: #FFF;
/* Heading 4 */
@@ -471,6 +483,8 @@ header>div:last-child>div:nth-child(2)>.svg {
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 {

View File

@@ -58,11 +58,13 @@
<div class="second-footer">
<div>
<div>Copyright © 2023. Все права защищены.</div>
<div>
<div><a href="#">Публичная оферта</a></div>
<div><a href="#">Политика конфиденциальности</a></div>
<div><a href="#">Правила пользования сервисом</a></div>
<div class="sf_first-column"><a href="#">Публичная оферта</a></div>
<div class="sf_second-column"><a href="#">Политика конфиденциальности</a></div>
<div class="sf_third-column"><a href="#">Правила пользования сервисом</a></div>
</div>
</div>
</div>