56 lines
990 B
CSS
56 lines
990 B
CSS
|
/* Убедитесь, что эти стили применяются! */
|
||
|
|
.mainline_1 {
|
||
|
|
display: flex;
|
||
|
|
gap: 20px;
|
||
|
|
max-width: 1400px;
|
||
|
|
margin: 0 auto;
|
||
|
|
padding: 0 20px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Левая колонка */
|
||
|
|
.endnews-container {
|
||
|
|
flex: 0 0 264px;
|
||
|
|
width: 264px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Центральная колонка */
|
||
|
|
.colons {
|
||
|
|
flex: 1;
|
||
|
|
min-width: 0;
|
||
|
|
display: flex;
|
||
|
|
flex-direction: column;
|
||
|
|
gap: 20px;
|
||
|
|
align-items: center; /* Центрируем содержимое */
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Ограничиваем ширину MainPostWidget внутри .colons */
|
||
|
|
.colons > * {
|
||
|
|
max-width: 800px;
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Правая колонка */
|
||
|
|
.main-partners {
|
||
|
|
flex: 0 0 300px;
|
||
|
|
width: 300px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Адаптивность */
|
||
|
|
@media (max-width: 1023px) {
|
||
|
|
.mainline_1 {
|
||
|
|
flex-direction: column;
|
||
|
|
padding: 0 15px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.endnews-container,
|
||
|
|
.colons,
|
||
|
|
.main-partners {
|
||
|
|
flex: none;
|
||
|
|
width: 100%;
|
||
|
|
max-width: 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.colons > * {
|
||
|
|
max-width: 100%;
|
||
|
|
}
|
||
|
|
}
|