сделал адаптивность для how
This commit is contained in:
@@ -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 */
|
||||
|
||||
@@ -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) {}
|
||||
Reference in New Issue
Block a user