Я создаю галерею изображений с использованием гибкого макета.
Мне нужна большая/правильная ширина для изображения отображаются в гибком макете.
Оно уменьшается, и я не могу понять, почему. Я хотел бы увеличить ширину элементов, но не могу увеличить ее.
Мне нужна большая ширина для каждого гибкого дочернего элемента.
Я новичок в веб-разработке.
Код: Выделить всё
.bowl_images {
display: flex;
max-width: 95%;
width: 95%;
margin: auto;
background-color: #052F1A;
gap: 10px;
}
.bowl_images_section_1 {
display: flex;
background-image: url(./images/piece-1.jpg);
background-size: contain;
width: 100%;
height: 400px;
background-position: 0% 0%;
background-size: 100% 100%;
}
.bowl_images p {
display: flex;
font-size: 12px;
background-color: #FF72B5;
color: #052F1A;
padding: 3px;
margin: auto;
border-radius: 3px;
text-wrap: wrap;
}Код: Выделить всё
Original Pieces
Original Pieces
Original Pieces
Original Pieces
Original Pieces
Original Pieces
Original Pieces
Original Pieces
Original Pieces
Original Pieces
Original Pieces
Original Pieces
Подробнее здесь: https://stackoverflow.com/questions/792 ... my-flexbox
Мобильная версия