Картинка горизонтальная: Горизонтальные картинки (100 фото) • Прикольные картинки и позитив

Разное 

Содержание

html — Верстка. Секция лендинга. Картинка выходит за контейнер. Появляется горизонтальный скролл — как убрать?

Вопрос задан

Изменён 8 месяцев назад

Просмотрен 91 раз

В дизайне секции есть картинка, которая должна выходить за границы контейнера

На верстке я положил картинку в div контейнер. В таком случае появляется горизонтальный скролл. Мне не нужно, чтобы он был.

Я пробовал решение: Прописать контейнеру картинки overflow: hidden;. Это спасает, но в таком случае картинка обрезается. А мне надо чтобы она показывалась полностью.

Подскажите пожалуйста, как решить.

.section_crafted-for {
  padding-top: 85px;
  padding-bottom: 85px;
}
.section_crafted-for__content__main {
  margin-top: 30px;
  width: 800px;
}
. section_crafted-for__content__main .header-block p {
  margin-bottom: 44px;
}
.information-items {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 50px;
}
.information-item {
  display: flex;
}
.information-item img {
  align-self: flex-start;
}
.information-item__text-content {
  display: flex;
  flex-direction: column;
  margin-left: 16px;
}
.information-item__text-content h4 {
  margin-bottom: 7px;
}
.section_crafted-for__content {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
}
.section_crafted-for__img-container {
  width: 420px;
  height: 460px;
  overflow: hidden;
}
.section_crafted-for__img-container img {
}
<section>
  <div>
    <div>
      <div>
        <h3>Crafted for</h3>
        <p>Stop wasting time and money designing and managing a website that<br> doesn’t get results. Happiness guaranteed!</p>
      </div>
      <div>
        <div>
          <img src="assets/information-items-icons/flash.

  
 svg">
          <div>
            <h4>Startup</h4>
            <p>Short description for the ones who look for something new.</p>
          </div>
        </div>
        <div>
          <img src="assets/information-items-icons/diagram.svg">
          <div>
            <h4>Startup</h4>
            <p>Short description for the ones who look for something new.</p>
          </div>
        </div>
        <div>
          <img src="assets/information-items-icons/search.svg">
          <div>
            <h4>Agency</h4>
            <p>Short description for the ones who look for something new.</p>
          </div>
        </div>
        <div>
          <img src="assets/information-items-icons/idea.svg">
          <div>
            <h4>App Landing</h4>
            <p>Short description for the ones who look for something new.
 
 
 </p>
          </div>
        </div>
      </div>
    </div>
  <div>
    <img src="assets/illustrations/illustration-1.png"></img>
  </div>
</section>
  • html
  • css
  • изображения
  • overflow

4

Зарегистрируйтесь или войдите

Регистрация через Google

Регистрация через Facebook

Регистрация через почту

Отправить без регистрации

Почта

Необходима, но никому не показывается

Отправить без регистрации

Почта

Необходима, но никому не показывается

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Pngtree PNG рисунок и векторы картинки

  • элегантный сертификат вектор

  • Меджлис Чехлум Имам Хусейн

  • Роскошная золотая арабская исламская лента границы Рамадан украшения

  • векторная иллюстрация курьера

  • взорвать звезду

  • арт вектор анонс hd картинки

  • флаг вануату мазок кистью клипарт дизайн

  • логотип геймера с персонажем мужского пола в толстовке с капюшоном

  • Исламская рамка twibbon для рамадана и ид мубарака с украшением звезды мечети

  • большая старая птица

  • люблю кексы

  • крекеры искрятся пыль световой эффект прозрачный фон

  • векторный дизайн электронной почты значок стиль

  • очаровательная девушка читает книгу на концепции образования на диване

  • иллюстрация дизайна векторной иконки динамика

  • золотая рамка с подсолнухами

  • биографические данные или резюме в синем дизайне

  • иллюстрация дизайна векторной иконки гамбургера

  • мороженое буква c иллюстрация

  • смайлик значок милый лист выражение лица поцелуй любовь

  • рамадан фонари старинные лампы реалистичные иллюстрации вектор

  • абстрактный красный с золотым вектор

  • Трава Цветок Мода Простой Весенний Новый Продукт Специальной Рекламы Рекламный Плакат

  • Тропическое растение оставляет большой барабанный рожок бразильский карнавальный фестиваль вечеринка плакат

  • кошелек с деньгами

  • выпей меня

  • уникальная рамка розовой линии

  • простая сумка для покупок из крафт бумаги вектор

  • золотые блестящие звезды с черными шариками

  • букет картина белые цветы

  • красная крутая автобусная машина

  • аватар профиля молодого человека в синей футболке и шляпе вектор

  • иллюстрация дизайна векторной иконки шкафчика

  • розовый муслима

  • простые конверты

  • старый классический автомобиль

  • любовь сердце клипарт день святого валентина украшение

  • цветок роза свадебная концепция рамка фотографии

  • исламский исра мирадж вектор

  • новый мужской стиль бороды общий бесплатный векторный дизайн скачать

  • 3 комплекта торговых этикеток или наклеек красного цвета

  • кленовый лист листовка осень реалистичный красный вектор

  • листья цветка электрической лампочки в зеленой форме

  • счет трансляций Венесуэлы с круговым флагом

  • счастливого холи

  • поздравление с днем ​​республики с фото

  • роскошная мандала прозрачный фон вектор

  • только сейчас распродажа получить скидку дон

  • ctr щелчок по метке знака рейтинга

  • леденец леденец в 3d рендеринге

Horizontal Picture — Etsy Turkey

Etsy больше не поддерживает старые версии вашего веб-браузера, чтобы обеспечить безопасность пользовательских данных. Пожалуйста, обновите до последней версии.

Воспользуйтесь всеми преимуществами нашего сайта, включив JavaScript.

Найдите что-нибудь памятное, присоединяйтесь к сообществу, делающему добро.

( 1000+ релевантных результатов, с рекламой Продавцы, желающие расширить свой бизнес и привлечь больше заинтересованных покупателей, могут использовать рекламную платформу Etsy для продвижения своих товаров. Вы увидите результаты объявлений, основанные на таких факторах, как релевантность и сумма, которую продавцы платят за клик. Узнать больше. )

  • Бесплатные горизонтальные фото и картинки

    Связанные изображения из iStock | Сохранить сейчас

    специи закуска традиционный

    Тарелка картофельного салата с пряностями

    фоны цвести цветы

    Поле цветущей травы

    фон еда горизонтальный

    Приготовление пиццы пошаговый рецепт с ингредиентами

    фон еда горизонтальный

    Приготовление пиццы пошаговый рецепт с ингредиентами

    фон еда горизонтальный

    Приготовление пиццы пошаговый рецепт с ингредиентами

    фон еда горизонтальный

    Приготовление пиццы пошаговый рецепт с ингредиентами

    фон еда горизонтальный

    Приготовление пиццы пошаговый рецепт с ингредиентами

    фон еда горизонтальный

    Приготовление пиццы пошаговый рецепт с ингредиентами

    фон еда горизонтальный

    Приготовление пиццы пошаговый рецепт с ингредиентами

    фон еда горизонтальный

    Приготовление пиццы пошаговый рецепт с ингредиентами

    фон еда горизонтальный

    Приготовление пиццы пошаговый рецепт с ингредиентами

    фон еда горизонтальный

    Приготовление пиццы пошаговый рецепт с ингредиентами

    фон еда горизонтальный

    Приготовление пиццы пошаговый рецепт с ингредиентами

    фон еда горизонтальный

    Приготовление пиццы пошаговый рецепт с ингредиентами

    фон еда горизонтальный

    Приготовление пиццы пошаговый рецепт с ингредиентами

    фон еда горизонтальный

    Приготовление пиццы пошаговый рецепт с ингредиентами

    фон еда горизонтальный

    Приготовление пиццы пошаговый рецепт с ингредиентами

    фон еда горизонтальный

    Приготовление пиццы пошаговый рецепт с ингредиентами

    фон еда горизонтальный

    Приготовление пиццы пошаговый рецепт с ингредиентами

    фон еда горизонтальный

    Приготовление пиццы пошаговый рецепт с ингредиентами

    фон еда горизонтальный

    Приготовление пиццы пошаговый рецепт с ингредиентами

    фон еда горизонтальный

    Приготовление пиццы пошаговый рецепт с ингредиентами

    фон еда горизонтальный

    Приготовление пиццы пошаговый рецепт с ингредиентами

    фон еда горизонтальный

    Приготовление пиццы пошаговый рецепт с ингредиентами

    фон еда горизонтальный

    Приготовление пиццы пошаговый рецепт с ингредиентами

    фон еда горизонтальный

    Приготовление пиццы пошаговый рецепт с ингредиентами

    фон еда горизонтальный

    Приготовление пиццы пошаговый рецепт с ингредиентами

    фон еда горизонтальный

    Приготовление пиццы пошаговый рецепт с ингредиентами

    фон еда горизонтальный

    Приготовление пиццы пошаговый рецепт с ингредиентами

    фон еда горизонтальный

    Приготовление пиццы пошаговый рецепт с ингредиентами

    фон еда горизонтальный

    Приготовление пиццы пошаговый рецепт с ингредиентами

    фон еда горизонтальный

    Приготовление пиццы пошаговый рецепт с ингредиентами

    фон еда горизонтальный

    Приготовление пиццы пошаговый рецепт с ингредиентами

    фон еда горизонтальный

    Приготовление пиццы пошаговый рецепт с ингредиентами

    фон еда горизонтальный

    Приготовление пиццы пошаговый рецепт с ингредиентами

    фон еда горизонтальный

    Приготовление пиццы пошаговый рецепт с ингредиентами

    фон еда горизонтальный

    Приготовление пиццы пошаговый рецепт с ингредиентами

    фон еда горизонтальный

    Приготовление пиццы пошаговый рецепт с ингредиентами

    фон еда горизонтальный

    Приготовление пиццы пошаговый рецепт с ингредиентами

    фон еда горизонтальный

    Приготовление пиццы пошаговый рецепт с ингредиентами

    фон еда горизонтальный

    Приготовление пиццы пошаговый рецепт с ингредиентами

    фон еда горизонтальный

    Приготовление пиццы пошаговый рецепт с ингредиентами

    мясо тушить еда

    Мясное рагу крупным планом

    яйцо белый сырой

    Два белых яйца

    кот кошачий британский

    Британский кот на прогулке

    курица бедро сырой

    Сырой цыпленок

    дождевой червь червь грязь

    Дождевой червь

    стена в возрасте фон

    Винтажная кирпичная стена с белой поврежденной штукатуркой горизонтальной текстурой или фоном.

    No related posts.

    • Автор записи

    Добавить комментарий

    Ваш адрес email не будет опубликован. Обязательные поля помечены *