Верстка сайта с нуля по макету - Галерея изображений

Мне было бы интересно посмотреть видео по теме центрирования элементов :текст, дивки, картинки и тд
P.S.
Только не с помощью флексов и гридов

Спасибо

.main-work img{
margin: 0 30px 30px 0;
}
по-моему не хватает :)

Спасибо)

При обертывании в wrapper картинки сбиваются и вместо 4 в ряду выхъодит 3

сначала все было внутри wrapper, а тут wrapper "снаружи" ?

разве больше одного h1 не плохо дле сео?

Можно просто пкм по картинке в слоях - экспортировать как - выбрать жпег и ничего вырезать не нужно.

хз но помоему можно было семантических тегов добавить, немножко селекторов а не добавлять класс к параграфу :/. Прост иногда смотрю и у меня возникают вопросы когда ты решаешь какие-либо проблемы наипростейшими способами :/. Хотя это же наверн верстка для совсем маленьких

Дружище, зацени сие художество, поставь оценку и прокомментируй пож-та, ибо только таким образом я добился корректной адаптивности..-
@media screen and (max-width: 576px){
.team__cards {
flex-direction: column;
}
.services__cards {
grid-template-columns: auto;
}
.line1 img:not(:first-child) {
display: none;
}
.line2 img:not(:first-child) {
display: none;
}
.line3 img:not(:first-child) {
display: none;
}
}

а не правильнее на гриде это сделать? вот щас сижу и мучаюсь над тем, как сделать адаптивный грид, вместо того, чтобы тут это увидеть

Чувак, когда ты уже научишься отключать переводчик в браузере??

Да, все просто, ничего сложного. Спасибо, все кратко, ясно и быстро. ааааа....почему нет последней части...подвала (Contact Us)???

Почему .WRAPPER снаружи в блоке .gallery ?

Пожалуйста нужна помощь

Фотографий 12. Автор не умеет считать. Дизлайк и отписка.

Благодарю ))

Если не сказал б что там 4 изображений в ряд я б не узнал этого)

я сделал немного по-другому :
.our_work_icon {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.our_work_icon img {
margin-bottom: 30px;
}

@media screen and (max-width: 1384px) {
img.dnone {
display: none;
}
}
@media screen and (max-width: 1038px) {
.dnone2 {
display: none;
}
}
@media screen and (max-width: 692px) {
.dnone3 {
display: none;

}
///////////////////HTML///////////////////

<div class="our_work_icon">
<img src="img/work/work_icon_1.png" alt="icon">
<img class="dnone3" src="img/work/work_icon_1.png" alt="icon">
<img class="dnone2" src="img/work/work_icon_1.png" alt="icon">
<img class="dnone" src="img/work/work_icon_1.png" alt="icon">


<img src="img/work/icon2.png" alt="icon">
<img class="dnone3" src="img/work/icon2.png" alt="icon">
<img class="dnone2" src="img/work/icon2.png" alt="icon">
<img class="dnone" src="img/work/icon2.png" alt="icon">

<img src="img/work/Layer_82.png" alt="icon">
<img class="dnone3" src="img/work/Layer_82.png" alt="icon">
<img class="dnone2" src="img/work/Layer_82.png" alt="icon">
<img class="dnone" src="img/work/Layer_82.png" alt="icon">


</div>

+

а почему мы до этого так картинки не вырезали???

спасибо уже сверстал сам

никто не подскажет как вывести все 4 картинки в одну линию?