не судите строго , объясните пошагово - что здесь написано?
.gallery {
box-shadow: 5px 5px 10px grey;
padding: 20px;
margin-bottom: 20px;
min-height: 300px;
display: flex;
align-items: centre;
}
Ответы (1 шт):
Автор решения: Senior Pomidor
→ Ссылка
Прямо совсем пошагово?
- Видим блок с классом "gallery", это может быть секция галереи на сайте.
- Добавляем свойство box-shadow со значением "5px 5px 10px grey", это свойство добавляет тень вокруг блока с галереей.
- Добавляем свойство padding со значением "20px", это свойство добавляет внутренний отступ вокруг контента блока.
- Добавляем свойство margin-bottom со значением "20px", это свойство добавляет нижний внешний отступ для блока.
- Добавляем свойство min-height со значением "300px", это свойство задает минимальную высоту для блока.
- Добавляем свойство display со значением "flex", это свойство позволяет дочерним элементам блока корректно располагаться внутри родителя.
- Добавляем свойство align-items со значением "center", это свойство выравнивает дочерние элементы по вертикали в центре блока