JSFiddle - React, Tailwind, and code Playground

HTML

<div class="projects">
<p>это контейнер, лолочка, а ты его маргинишь</p>
				  <a class="projects__item glukhanko"href="#"><img src="img/Glukhanko.png" alt="Glukhanko"></a>
  				<a class="projects__item html" href="#"><img src="img/HtmlAcademy.png"  alt="Html Academy"></a>
				  <a class="projects__item borodinski" href="#"><img src="img/Borodinski.png"  alt="Borodinski"></a>
</div>

CSS

.projects {
  display: inline-block;  
  background-color: yellow;
  text-align: center;
}
.projects__item {
  display: inline-block;
  text-decoration: none;
  color: black;
  padding: 5px;
  margin-right: 30px;
  border: 1px solid black;
  background-color: red;
}