сделал адаптивность для how

This commit is contained in:
Kirill Pet
2024-12-19 01:43:07 +03:00
parent b155852f9c
commit 352e1ead99
4 changed files with 97 additions and 26 deletions

View File

@@ -557,6 +557,15 @@
width: 336px;
height: 336px;
}
@media only screen and (min-width: 992px) and (max-width: 1481px) {
.how-content-item__img{
display: none;
}
.how-content-item__text{
width: 100%;
}
}
/* how */
/* free */

View File

@@ -404,4 +404,52 @@ main{
background-repeat: no-repeat;
}
}
/* projects */
/* projects */
/* how */
@media only screen and (max-width: 992px) {
.how{
margin-top: 40px;
}
.how__content{
display: none;
}
.how__control{
width: 100%;
}
.how-control__item{
flex-direction: column;
align-items: start;
}
.how-control-item__number{
width: 40px;
font-size: 20px;
}
.how-control__item__name{
margin-top: 16px;
margin-left: 0;
max-width: 100%;
font-size: 20px;
}
.how-content__item-block{
position: static;
}
.how-content__item-block.active{
margin-top: 16px;
}
.how-content__item{
padding: 16px;
}
.how-content-item__text{
width: 100%;
}
.how-content-item__img{
display: none;
}
}
/* how */
@media only screen and (max-width: 992px) {}