Скрыть объявление
ВАШИ ПРАВА ОГРАНИЧЕНЫ!

Зарегистрируйтесь на форуме, чтобы стать полноценным участником сообщества!

Вопрос? Как вывести новости в 2 колонки

Тема в разделе "Вопросы- ответы", создана пользователем anatolukolesov, 24 июн 2023.

24.06.23 в 21:18
24.06.23 в 22:56
7
485
0
  1. TopicStarter Overlay
    anatolukolesov

    anatolukolesov Посетитель

    Регистрация:
    5 сен 2021
    Сообщения:
    61
    Лучших ответов:
    0
    Рейтинги:
    +10 / 1 / -0
    Подскажите пж как вывести новости в 2 колонки на мобильной версии? На пк все нормально смотрится
    [​IMG]
     
  2. Topka

    Topka Посетитель

    Регистрация:
    18 мар 2023
    Сообщения:
    67
    Лучших ответов:
    0
    Рейтинги:
    +6 / 4 / -0
    anatolukolesov ссылку бы на сайт оставил бы.
     
  3. TopicStarter Overlay
    anatolukolesov

    anatolukolesov Посетитель

    Регистрация:
    5 сен 2021
    Сообщения:
    61
    Лучших ответов:
    0
    Рейтинги:
    +10 / 1 / -0
  4. Zveraboy

    Zveraboy Посетитель

    Регистрация:
    4 июн 2017
    Сообщения:
    74
    Лучших ответов:
    1
    Рейтинги:
    +14 / 7 / -0
    так upload_2023-6-25_2-42-46.png
     
  5. Zveraboy

    Zveraboy Посетитель

    Регистрация:
    4 июн 2017
    Сообщения:
    74
    Лучших ответов:
    1
    Рейтинги:
    +14 / 7 / -0
    найди класс main <div class="sect-content "> добаль d-grid что бы получилось
    <div class="sect-content d-grid ">
    и в css пропиши
    .d-grid {display: grid; gap: 20px 20px; grid-template-columns: repeat(auto-fill,minmax(120px,1fr));}
     
  6. Zveraboy

    Zveraboy Посетитель

    Регистрация:
    4 июн 2017
    Сообщения:
    74
    Лучших ответов:
    1
    Рейтинги:
    +14 / 7 / -0
    и не забуть
    @media screen and (max-width: px)
     
  7. Zveraboy

    Zveraboy Посетитель

    Регистрация:
    4 июн 2017
    Сообщения:
    74
    Лучших ответов:
    1
    Рейтинги:
    +14 / 7 / -0
    или так grid-template-columns: repeat(2, 1fr);

    или просто
    1. В файлах
    - main.tpl
    - main-page.tpl (если он есть)
    найти {content} и заменить на

    <div id="dle-content">{content}</div>
     
    • Нравится Нравится x 1
  8. TopicStarter Overlay
    anatolukolesov

    anatolukolesov Посетитель

    Регистрация:
    5 сен 2021
    Сообщения:
    61
    Лучших ответов:
    0
    Рейтинги:
    +10 / 1 / -0
    Спасибо )
     
    • Нравится Нравится x 1
Яндекс.Метрика