сделал footer

This commit is contained in:
Kirill Pet
2024-10-07 02:58:52 +03:00
parent 1c58c42130
commit 33cc2d9c6e
5 changed files with 231 additions and 1 deletions

View File

@@ -416,6 +416,11 @@ button{
}
.social-media__item{
margin-left: 32px;
transition: opacity .2s ease-out;
}
.social-media__item:hover{
opacity: .8;
}
.social-media__item:first-child{
margin-left: 0px;
@@ -571,6 +576,18 @@ button{
background-repeat: no-repeat;
background-size: contain;
}
.button--black{
padding: 7px 15px;
font-family: var(--font-family);
font-weight: 500;
font-size: 24px;
line-height: 133%;
color: var(--text-white);
background: var(--background-black);
border: 1px solid var(--text-white);
}
.to-know{
width: 100%;

View File

@@ -557,6 +557,102 @@
}
/* modal */
/* footer */
.footer{
padding: 40px 24px;
background: var(--background-black);
}
.footer__wrapper{
width: 100%;
display: flex;
}
.footer__content{
width: calc(100% - 364px);
}
.footer__logo{
width: 187px;
height: 43px;
}
.footer__address{
margin-top: 24px;
font-family: var(--font-family);
font-weight: 500;
font-size: 24px;
line-height: 133%;
color: var(--text-white);
font-style: normal;
}
.footer__list{
margin: 28px -12px -12px -12px;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.footer-list__item{
margin: 12px;
width: calc(50% - 24px);
display: flex;
flex-direction: column;
}
.footer-list__item:nth-child(even){
width: 322px;
}
.footer-list__title{
font-family: var(--font-family);
font-weight: 700;
font-size: 16px;
line-height: 125%;
color: var(--text-white);
}
.footer-list__link{
margin-top: 4px;
font-family: var(--font-family);
font-weight: 500;
font-size: 24px;
line-height: 133%;
color: var(--text-white);
text-decoration: none;
}
.footer__form{
margin-left: 48px;
width: 364px;
}
.footer__about{
margin-top: 16px;
padding-top: 15px;
display: flex;
justify-content: space-between;
align-items: center;
border-top: 1px solid var(--text-white);
}
.footer-about__text{
font-family: var(--font-family);
font-weight: 500;
font-size: 20px;
line-height: 120%;
text-align: right;
color: var(--text-white);
opacity: 0.6;
text-decoration: none;
}
.footer__social-media{
display: none;
}
/* footer */
@media only screen and (max-width: 1600px) {
.wrapper{

View File

@@ -41,6 +41,31 @@
}
/* modal */
/* footer */
.footer__about{
display: none;
}
.footer__wrapper{
flex-direction: column;
}
.footer__content{
width: 100%;
}
.footer__form{
margin-top: 24px;
margin-left: 0;
width: 100%;
}
.footer__social-media{
display: block;
margin-top: 24px;
}
.footer__list{
margin-top: 20px;
}
/* footer */
}
@media only screen and (max-width: 576px) {

View File

@@ -37,7 +37,15 @@
top: 56px;
}
/* header */
/* footer */
.footer__about{
justify-content: center;
}
.footer-about__text{
display: none;
}
/* footer */
}
@media only screen and (max-width: 980px) {