.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); } }