Tài liệu

.partners-section { max-width: 1200px; margin: 0 auto; padding: 30px; } .main-title { font-size: 24px; font-weight: bold; color: #000000; margin-bottom: 20px; text-align: center; } .block { margin-bottom: 30px; } .subtitle { font-size: 20px; font-weight: bold; color: #000000; margin-bottom: 15px; } .monitoring-list { display: grid; grid-template-columns: repeat(2, 1fr); /* Отображение по два в строке */ gap: 20px; } .monitoring-item { display: flex; align-items: center; text-decoration: none; color: #333; } .monitoring-logo-container { width: 60px; /* Заданный фиксированный размер контейнера логотипа */ height: 60px; display: flex; align-items: center; justify-content: center; margin-right: 15px; <span id="selection-marker-start" class="redactor-selection-marker"></span><span id="selection-marker-end" class="redactor-selection-marker"></span><span id="selection-marker-start" class="redactor-selection-marker"></span><span id="selection-marker-end" class="redactor-selection-marker"></span><span id="selection-marker-start" class="redactor-selection-marker"></span><span id="selection-marker-end" class="redactor-selection-marker"></span>filter: grayscale(100%) brightness(90%); } .monitoring-logo { max-width: 100%; max-height: 100%; <span id="selection-marker-start" class="redactor-selection-marker"></span><span id="selection-marker-end" class="redactor-selection-marker"></span>filter: grayscale(100%) brightness(90%); } .monitoring-info { display: flex; flex-direction: column; } .monitoring-title { font-size: 16px; font-weight: bold; color: #000000; } .monitoring-description { font-size: 14px; color: #666666; } /* Стили для форума */ .forum-list { list-style: none; padding: 0; } .forum-item { margin-bottom: 15px; } .forum-link { text-decoration: none; color: #333; } .forum-link:hover { text-decoration: underline; } .forum-title { font-size: 16px; font-weight: bold; color: #000000; display: block; /* Чтобы текст заголовка форума был на отдельной строке */ } .forum-description { font-size: 14px; color: #666666; margin-top: 5px; /* Отступ между заголовком и описанием */ } /* Адаптивный дизайн */ @media (max-width: 768px) { .monitoring-list { grid-template-columns: 1fr; /* Для мобильных — по одному элементу в строке */ } .partners-section { padding: 20px; } }<span id="selection-marker-start" class="redactor-selection-marker"></span><span id="selection-marker-end" class="redactor-selection-marker"></span>