Задать вопрос
  • Как исправить вёрстку, чтобы блок с изображением не уезжал из-за блока с описанием?

    @meta941 Автор вопроса
    Ankhena, а что в
    @media
    плохого?

    Да и про гугл - прекрасно знаю и умею фильтровать информацию.
    Основная проблема в том, что мне в принципе вёрстка никогда не была интересна, всегда как-то душила, а материала о ней столько, что утонуть можно, впрочем как и в любой подотрасли IT.

    Просто отфильтровать это всё - нужно время, а у меня ситуация немного патовая, ахах.

    В любом случае интересно было вас почитать и я всё ещё жду ответа про media, спасибо!
    Написано
  • Как исправить вёрстку, чтобы блок с изображением не уезжал из-за блока с описанием?

    @meta941 Автор вопроса
    Ankhena,
    Проблему с блоками и тд. я уже решил.

    забудем на время про бутстрап и его фокусы с gap, когда уже давно не нужны эти извраты

    Вот в этом и проблема - я вообще не понимаю, где люди находят информацию о том, как правильно верстать в нынешнее время.
    Если не бутстрап, то какие есть ему аналоги, если хочется пользоваться весьма удобной сеткой? Кроме CSS-Grid.

    Судя по вашим сообщениям - всё должно быть предельно просто, я понял вашу затею на все 100%
    Но во-первых: я не понимаю как строится адаптив изображений. Пока что нашёл только способ делать object-fit: contain, но это же ведь не панацея?

    Указываешь размер в пикселях - всё съезжает и адаптива 0
    Указываешь в процентах - оно не работает
    Указываешь в единицах размера текста - так текст ведь не уменьшается при изменении размеров.
    Как тогда поступать?

    Но внутри лежит картинка с фикс шириной и отсутствием правил для адаптива.

    О каких правилах идёт речь? Я не представляю этого от слова совсем.

    Если не сложно, то могли бы просвятить?
    Написано
  • Как исправить вёрстку, чтобы блок с изображением не уезжал из-за блока с описанием?

    @meta941 Автор вопроса
    Итак, конечно же, как только я задал вопрос - сразу же сам нашёл решение

    Честно слово, это какой-то абсурд. И так каждый раз - я 2 дня не мог решить эту проблему и постоянно откладывал на потом.

    И вот, я задаю вопрос - решение находится через десяток минут

    Решение:
    Проблема была в том что слайдер у меня находился вне колонки бутстрапа (col-md, col-lg и тд)

    Когда я его перенёс - слайдер стал ровным, но он теперь съезжал вместе с блоком картинки
    Я указал, что див для строки будет следующим:
    <div class="row g-2 d-flex align-items-start">
    И всё встало на свои места.
    Написано
  • Как исправить вёрстку, чтобы блок с изображением не уезжал из-за блока с описанием?

    @meta941 Автор вопроса
    Sergey Semenov, сейчас оно вот так
    6763d9f2647d2524095110.png
    6763da4de137b569663177.png

    Как должно получиться - показано в вопросе. Именно что блоки должны быть расположены таким образом, должны быть адаптивными и не должны ломаться.
    Написано
  • Как исправить применение цвета к блоку div?

    @meta941 Автор вопроса
    Айнур Валиев, та на самом деле я нашёл способ с абсолютной позицией ещё до того, как получил ответ от dim5x
    Вёрсткой стал заниматься недавно, без единого понятия что и как.

    Я бы хотел узнать, как обычно верстают, если честно
    Написано