51 lines
907 B
CSS
51 lines
907 B
CSS
.news-block{
|
|
max-width: 900px;
|
|
min-width: 200px;
|
|
max-height: 240px;
|
|
}
|
|
.news-title-image {
|
|
height: 200px;
|
|
}
|
|
.news-full-text-block{
|
|
height: calc(100% - 240px);
|
|
}
|
|
.btn-responsive-width {
|
|
width: 100px;
|
|
}
|
|
|
|
@media screen and (max-width: 1071px) {
|
|
.btn-responsive-width {
|
|
width: 320px;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 1024px) {
|
|
.news-block{
|
|
max-height: 480px;
|
|
height: fit-content;
|
|
max-width: 450px;
|
|
}
|
|
.news-block > .news-image{
|
|
max-height: 240px;
|
|
}
|
|
.news-block > .news-text{
|
|
max-height: 280px;
|
|
height: fit-content;
|
|
}
|
|
.news-block > .news-text > .news-text-shrinked{
|
|
flex-grow: 0;
|
|
}
|
|
.news-block > .news-image > img{
|
|
overflow: auto;
|
|
height: auto;
|
|
max-width: 450px;
|
|
max-height: 240px;
|
|
}
|
|
.news-title-image {
|
|
height: calc(100vw / 8);
|
|
min-height:100px
|
|
}
|
|
.news-full-text-block{
|
|
height: calc(100% - 100vw / 2);
|
|
}
|
|
} |