Как сделать грид контейнер в коде?

Question

[allure999]

Я совсем не понимаю в коде но мне нужно чтобы появилось выравнивание по грид контейнеру. Этот код с анимацией логотипов и они на весь экран растягиваются в тильде. а мне нужно чтобы все ровно было

вот код
https://dsgnmax.ru/sliders/running-line-logo

Answer 1

[ANKU]

Вопрос ты задал не совсем правильно, но кажется я понял в чем суть))
Тебе необходимо, чтобы слайдер был в рамказ стандартного контейнера, а не на всю ширину окна браузера.
В примере по ссылке есть строчка [class*="uc-run-logo"] .t774__container
там определена ширина контейнера max-width: calc(100vw - var(--dbmSliderRunPadding) * 2);
Впиши вместо этого

[class*="uc-run-logo"] .t774__container {
  max-width: 1160px;
}
@media screen and (max-width: 1200px) {
  {
    max-width: 940px;
  }
}
@media screen and (max-width: 960px) {
  {
    max-width: 620px;
  }
}
@media screen and (max-width: 640px) {
  {
    max-width: 460px;
  }
}
@media screen and (max-width: 480px) {
  {
    max-width: max-width: calc(100% - 40px);
  }
}

Comments

[allure999]

Спасибо, но есть резкий скачок на последнем логотипе и начинает выглядеть некрасиво. Скажите с Вами можно сотрудничать? Я дизайнер фрилансер и хотела бы в паре с програмистом вести проекты

[ANKU]

allure999, там под капотом стоит swiper slider, на версиях последних годов они заменили механику бесконечной прокрутки, чтобы использовать старую механику, надо найти на cdn библиотеку ниже 9й версии, в ней старый механизм, за счет дублирования всех слайдов, он более ресурсный, но так же надежный в плане рывков и прочего. Если нет необходимости двигать логотипы мышью или свайпом, можно написать свое решение, которое не потребует сторонних библиотек и будет более легковесным и менее ресурсоемким.

Да, можно, email в профиле

PS не забывай закрывать вопрос, после того, как получил ответ