MediaWiki:Citizen.css: различия между версиями

← Предыдущая правка Следующая правка →

@@ Строка 993: / Строка 993: @@
 }
 */
+/* Контейнер для группы карточек */
 /* Контейнер для группы карточек */
 .card-group {
-     display: flex;               /* Располагает карточки в строку */
+     display: flex;               /* Размещает карточки в строку */
      gap: 10px;                   /* Отступы между карточками */
-     justify-content: center;     /* Выравнивание по центру */
+     justify-content: center;     /* Выравнивание карточек по центру */
-     align-items: stretch;        /* Карточки одинаковой высоты */
+     align-items: stretch;        /* Все карточки одинаковой высоты */
-    overflow: hidden;            /* Предотвращает выход за границы */
 }
-/* Карточка */
+/* Оформление карточки */
 .card {
-     flex: 1 1 300px;             /* Гибкость: растягивается, но не меньше 300px */
+     width: 300px;                /* Фиксированная ширина карточки */
-    max-width: 350px;            /* Ограничение максимальной ширины */
+     min-height: 150px;           /* Минимальная высота для выравнивания */
-     box-sizing: border-box;      /* Учитывает padding и border */
      background: #fff;            /* Цвет фона */
      border: 1px solid #ccc;      /* Граница */
@@ Строка 1012: / Строка 1011: @@
      padding: 15px;               /* Внутренние отступы */
      box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1); /* Тень */
-     transition: transform 0.3s ease-in-out; /* Анимация при наведении */
+     transition: transform 0.3s ease-in-out; /* Эффект при наведении */
+    overflow: hidden;            /* Защита от выхода элементов */
 }
-/* Карточка — эффект при наведении */
+/* Эффект при наведении */
 .card:hover {
-     transform: scale(1.05);      /* Лёгкое увеличение */
+     transform: scale(1.05);
 }
 /* Содержимое карточки */
 .card-body {
-     text-align: center;          /* Центрирование текста */
+     text-align: center;
-    word-wrap: break-word;       /* Перенос длинных слов */
-    overflow-wrap: break-word;   /* Совместимость с разными браузерами */
 }
@@ Строка 1034: / Строка 1032: @@
 }
-/* Текст карточки */
+/* Текст */
 .card-text {
      font-size: 14px;
      color: #555;
-     line-height: 1.4;           /* Увеличение межстрочного интервала */
+     line-height: 1.4;
-     word-break: normal;         /* Исправляет проблемы с переносом */
+     word-break: break-word; /* Правильный перенос текста */
 }