<div class="partners">
<h1 class="partners__h1">Partners</h1>
<div class="container__partners">
<img src="../img/icon/partners-img/image 39.png" alt="#" class="partners__img">
<img src="../img/icon/partners-img/image 40.png" alt="#" class="partners__img">
<img src="../img/icon/partners-img/image 41.png" alt="#" class="partners__img">
<img src="../img/icon/partners-img/image 42.png" alt="#" class="partners__img">
<img src="../img/icon/partners-img/image 43.png" alt="#" class="partners__img">
<img src="../img/icon/partners-img/image 44.png" alt="#" class="partners__img">
<img src="../img/icon/partners-img/image 45.png" alt="#" class="partners__img">
<img src="../img/icon/partners-img/image 45.png" alt="#" class="partners__img">
<img src="../img/icon/partners-img/image 48.png" alt="#" class="partners__img">
<img src="../img/icon/partners-img/image 46.png" alt="#" class="partners__img">
<img src="../img/icon/partners-img/image 47.png" alt="#" class="partners__img">
<img src="../img/icon/partners-img/image 48.png" alt="#" class="partners__img">
<img src="../img/icon/partners-img/image 49.png" alt="#" class="partners__img">
<img src="../img/icon/partners-img/image 50.png" alt="#" class="partners__img">
<img src="../img/icon/partners-img/image 51.png" alt="#" class="partners__img">
<img src="../img/icon/partners-img/image 52.png" alt="#" class="partners__img">
</div>
</div>
<div class="contacts">
<div class="container">
dasfsdf
</div>
</div>
<div class="footer">
<div class="container">
dfgdfgdfgdfg
<div class="contacts">
<h1 class="contacts__h1">CONTACTS</h1>
<p class="contacts__p"><span class="bold">We are open for dialog and you are welcome to share your opinions or thoughts with us</span> <br>
Hit us up any time through email with any idea and help us turn your great ideas into brilliant projects</p>
<div class="container">
<div class="data">
<div class="data__info"></div>
<div class="data__input"></div>
</div>
</div>
</div>
</div>
</div>
* {box-sizing: border-box;}
.container__partners {
/* position: absolute; */
margin: 80px 120px 0;
display: grid;
justify-content: space-evenly;
grid-column-gap: 24px;
grid-gap: 40px;
/* columns: 4; */
grid-row-end: ;
grid-template-columns: repeat(4, 1fr);
}
.partners__img {
text-align: center;
/* width:100%; */
object-fit:contain;
/* width: 322px; */
height: 160px;
background: #FFFFFF;
box-shadow: 0px 3px 16px 4px rgba(29, 51, 107, 0.1);
border-radius: 16px;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.