Как можно сделать портфолио в две строки по 3 столбца с переносами при изменении разрешения?

201
10 апреля 2019, 23:10

Как можно сделать портфолио в две строки по 3 столбца с переносами при изменении разрешения? Сделать адаптивным через флекс/грид? Как на скриншоте

<div class="Project-block">
                                    <div class="block1">
                                        <img src="img/photo.png" alt=""><br>
                                        <span>Claritas Etiam Processus</span>
                                        <p>Photography, Nature</p>
                                    </div>
                                    <div class="block1">
                                        <img src="img/photo1.png" alt=""><br>
                                        <span>Claritas Etiam Processus</span>
                                        <p>Photography, Nature</p>
                                    </div>
                                    <div class="block1">
                                        <img src="img/photo2.png" alt=""><br>
                                        <span>Claritas Etiam Processus</span>
                                        <p>Photography, Nature</p>
                                    </div>
                                    <div class="block1">
                                        <img src="img/photo3.png" alt=""><br>
                                        <span>Claritas Etiam Processus</span>
                                        <p>Photography, Nature</p>
                                    </div>
                                    <div class="block1">
                                        <img src="img/photo4.png" alt=""><br>
                                        <span>Claritas Etiam Processus</span>
                                        <p>Photography, Nature</p>
                                    </div>
                                    <div class="block1">
                                        <img src="img/photo5.png" alt=""><br>
                                        <span>Claritas Etiam Processus</span>
                                        <p>Photography, Nature</p>
                                    </div>
                                </div>
Answer 1

Через флексы, ставишь враперу стиль который написан ниже, и все будет как ты хочешь

.Project-block{ display:flex; justify-content: space-between; width: 95%; margin: 0 auto; }

READ ALSO
Почему не работает max-width?

Почему не работает max-width?

Помогите, пожалуйста, понять, почему не работает свойство max-width: 1650px; для блока с классом "header-wrapper"

209
Отправить POST запрос с JSON телом при помощи WebClient (C#)

Отправить POST запрос с JSON телом при помощи WebClient (C#)

Если я правильно понимаю, то WebClient высокоуровневый, даже выше чем HttpClient

237
Временная смена цвета

Временная смена цвета

Нужно на 2 секунды изменить цвет Border на другой, но по истечению времени вернуть начальный цвет(чёрный)А какой цвет будет появляться, узнаем...

231
Ошибка Windows Forms

Ошибка Windows Forms

В общем код должен проверять,что пользователь вводит 16<=число<0Но при вводе символа или если ввести символ и стереть его выводи ошибку...

198