Все сервисы Хабра

Сообщество IT-специалистов

Ответы на любые вопросы об IT

Профессиональное развитие в IT

Удаленная работа для IT-специалистов

Облака: ожидание vs реальность
Войти на сайт
  • Все вопросы
  • Все теги
  • Пользователи

Хабр Q&A — вопросы и ответы для IT-специалистов

Получайте ответы на вопросы по любой теме из области IT от специалистов в этой теме.

Узнать больше
другие проекты хабра
  • Хабр
  • Карьера
  • Фриланс
Задать вопрос
thomasLaybe

Thomas Laybe

Программист
  • 0
    вклад
  • 3
    вопроса
  • 0
    ответов
  • 0%
    решений
Комментарии
  • Информация
  • Ответы
  • Вопросы
  • Комментарии
  • Подписки
  • Нравится
  • Как адаптировать изображения в блоке?

    thomasLaybe
    Thomas Laybe @thomasLaybe Автор вопроса
    ArtJH, Короче, перепишу весь код, спасибо огромное за предоставленную помощь, все же, отмечу вас решением
    Написано 20 окт. 2020
  • Как адаптировать изображения в блоке?

    thomasLaybe
    Thomas Laybe @thomasLaybe Автор вопроса
    ArtJH, про качество в курсе, а так, не сработало...
    Написано 20 окт. 2020
  • Как адаптировать изображения в блоке?

    thomasLaybe
    Thomas Laybe @thomasLaybe Автор вопроса
    ArtJH, https://codepen.io/Laybe/pen/VwjKvgJ
    Написано 20 окт. 2020
  • Как адаптировать изображения в блоке?

    thomasLaybe
    Thomas Laybe @thomasLaybe Автор вопроса
    ArtJH, Выше указал проблемные места с кодом, чекните, если требуется еще что-нибудь, скину
    Написано 20 окт. 2020
  • Как адаптировать изображения в блоке?

    thomasLaybe
    Thomas Laybe @thomasLaybe Автор вопроса
    К сожалению, не помогли...
    Благодарю за попытку
    Написано 20 окт. 2020
  • Как адаптировать изображения в блоке?

    thomasLaybe
    Thomas Laybe @thomasLaybe Автор вопроса
    Вадим,

    (собственно сам блок)
    articles {
    background-color: #121214;
    height: 1000px;
    width: 82.88333333333333%;
    float: right;
    }

    Думаю, дело даже не в блоке, а в самих изображениях. Каждое изображение имеет разную ширину и высоту и выставлены в ряд, вот пример одного изображения
    .box2 {
    width: 811px;
    height: 314px;
    position: absolute;
    overflow: hidden;
    margin: -580px 764px;
    }
    .box2 img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 811px;
    height: 314px;
    object-fit: cover;
    }

    Дело в том, что изображения обрезаются, чтобы каждая картинка хорошо смотрелась с той или иной шириной и высотой
    Написано 20 окт. 2020
Самые активные сегодня
  • Василий Банников
    • 17 ответов
    • 0 вопросов
  • saboteur_kiev
    Saboteur
    • 10 ответов
    • 0 вопросов
  • CityCat4
    CityCat4
    • 10 ответов
    • 0 вопросов
  • rPman
    • 9 ответов
    • 0 вопросов
  • opium
    Пума Тайланд
    • 8 ответов
    • 0 вопросов
  • Dr. Bacon
    • 8 ответов
    • 0 вопросов
  • © Habr
  • О сервисе
  • Обратная связь
  • Блог

Войдите на сайт

Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации