Задать вопрос
@Maximum94
html

Убрать пробелы между картинкой и текстом?

Здравствуйте подскажите пожалуйста как убрать белые пробелы?
body{
    margin: 0px;
    padding: 0px;
}

h1, h2, h3{
    text-align: center;
    color: #6f4d43;
}

p{
line-height: 2;
}

body{
    font-family: 'Arial Narrow', Arial, sans-serif;
}

table{
    width: 100%;
    border: 1px solid #e0e0e0;
    border-spacing: 0px;
}

td{
    padding: 10px;
    border: 1px solid #e0e0e0;
}

.table_header{
    background-color: #f1f1f1;
    font-weight: 900;
    text-transform: uppercase;
}

#menu{
    list-style-type: none;
    background-color: #4b3832;
    margin: 0px;
    padding: 10px 0px;
}

#menu li{
    display: inline-block;
}

#menu li a{
    padding: 14px 16px;
    text-decoration: none;
    color: #bbaaa1;
}

#presentation{
    background-image: url("../images/index-header-bg.jpg");
}

#presentation p{
    padding: 200px 200px;
    margin: 0px;
    text-align: center;
    color: #fff7ce;
    line-height: 2;
    font-size: 600%;
    font-family: fantasy;
}

footer{
    padding-top: 25px;
    padding-bottom: 25px;
    background-color: #423e3e;
    color: #827164;
    text-align: center;
}

.bg_blue{
    background-color: #66c6d0;
    padding: 50px;
}

.white_wrapper{
    padding: 20px;
    border: 1px solid black;
    width: 70%;
    margin: 0px auto;
    background-color: #ffffff;
}

#about-coffe-shop{
    background-color: #c3c3c3;
    padding: 20px;
}

#about-coffe{
    background-color: #545252;
    padding: 20px;
}

#about-coffe p{
    color: #d4cecb;
}

#about-coffe h2{
    color: #b2a698;
}

#about-tea{
    background-color: #e8e8e8;
    padding: 20px;
}


spoiler
604a2dff6afcf296716266.jpeg
  • Вопрос задан
  • 174 просмотра
1 комментарий
Подписаться 1 Простой 1 комментарий
Решения вопроса 1
ArsenyMatytsyn
@ArsenyMatytsyn Куратор тега CSS
Руководитель frontend направления, предприниматель
Изображение просто меньше области, растяни его за счет родителя и задай object-fit:cover, как рекомендуют. Это сохранит пропорции, но обрежет от фото то, что не влазит в зону видимости.

Или прибегни к фоновому цвету. Судя по скрину, особого смысла изображения не несут.
Ответ написан
2 комментария
2 комментария
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Тестировщик-стажёр
ITooLabs • Тула
от 35 000 до 40 000 ₽
Fullstack PHP Developer
Smapse Education
от 40 000 до 65 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
Ещё вакансии
Заказы с Хабр Фриланса
Куплю клоаку на Python
05 мая 2024, в 07:41
2000 руб./за проект
Доработать интеграцию с внешней платежной системой на Тильде
05 мая 2024, в 07:38
10000 руб./за проект
Внести правки в проект на nest и react
05 мая 2024, в 06:38
50000 руб./за проект
Ещё заказы