add AuthorDispaly
This commit is contained in:
56
src/styles/home.css
Normal file
56
src/styles/home.css
Normal file
@@ -0,0 +1,56 @@
|
||||
/* Убедитесь, что эти стили применяются! */
|
||||
.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%;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user