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

    @Maximum94 Автор вопроса
    Хорошо а вот если такая ситуация? как сделать чтобы было вот так
    spoiler
    604b8ebe66201595406555.jpeg

    вот код незнаю в чем ошибка
    <!DOCTYPE html>
    <html>
    
        <head>
            <meta charset="utf-8" />
            <title></title>
           <link rel="stylesheet" href="css/style.css">
        <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css"
            integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
        </head>
    <body>
            <header>
          <nav>
    	  <ul id="menu">
          <li><a  href=  "index.html">Главная</a>  </li>
    	  <li> <a href= "about.html">О нас </a> </li>
    	  <li> <a href= "menu.html">Меню</a> </li>
    	  <li> <a href= "products.html">Товары </a> </li>
    	  </ul>
    	  </nav> 	  
    	  <div id="presentation">
                <p>Приветствуем Вас в нашей кофейне CoffeLike </p>
    			 </div>
            </header>
    	<main class="container-fluid p-0">	
    	<div class="row ">
    	<div class="col-0 p-0 ">
    	<img src ="images/coffee.jpg" alt="Описание" class="img-fluid">
    	</div>
    	<div class="col-6 "id="about-coffe-shop"> 
    	<h2>О кофейне</h2>
        <p>Coffee Like - место, где можно отвлечься от всего - с хорошим кофе, вкусной выпечкой и дружелюбным
                    персоналом. Место, куда захочется возвращаться снова и снова.
                    Нам важно, чтобы наш кофе был качественным и вкусным, поэтому мы закупаем только качественное сырье с
                    оценками от 80 баллов SCA для коммерческих сортов и от 85 баллов для микролотов из стран Океании,
                    Центральной и Южной Америки, Азии, Африки. В нашем интернет-магазине вы можете найти и купить кофе
                    разных видов: арабику или робусту, колумбийский и вьетнамский кофе, кофе без кофеина и т.д.</p>						
    	</div>
    	</div>
    </div>	
    	<div class="row  " >
    	<div class="col-6" id= " about-coffee">
    	<h2>О кофе</h2>
    	 <p> В нашем магазине мы используем кофейную смесь Колумбия Ла Луна. Это смесь зерен 100% Арабики. Степень
                        обжарки
                        - средняя. А оборудование последнего поколения итальянской марки "La Marzocco" позволяет нам варить
                        кофе
                        высшего класса.</p>
    	</div>
    	<div class="col-6 p-0 ">
    	<img src ="images/about-us.jpg" alt="Кофе" class="img-fluid" >
    	</div>
    </div>
    <div class="row ">
    <div class= "col-0 p-0" >
    <img src ="images/about-us2.jpg" alt="О чае" class="img-fluid">
     </div>
      </div>
     <div class="col-6 " id="about-tea">
     <h2>О чае</h2>
     <p>Хороший чай уместен всегда и везде, в уединении он поможет собраться с мыслями и сконцентрироваться,
                        придать
                        ясность, в компании друзей поможет чувствовать себя непринуждённо, расслабленно. Каждый сорт чая
                        создаёт
                        своё уникальное ощущение пространства и время. Чай - отличная возможность встретиться всей семьёй за
                        столом
                        и поделиться новостями, а разнообразная и качественная посуда способна придать каждому чаепитию свою
                        уникальность и создать неповторимую атмосферу.</p>
     
     </div>
    </div>
    </div>
    	</main>
            <footer>
    		<div>Copyright </div>
            </footer>
        </body>
    </html>


    у меня получается почему то вот так
    spoiler
    604b9061486e4878496334.jpeg