Изображение не помещается в рамки ⇐ Html

[Anonymous]

Я делал сайт о пицце ради развлечения. слева над краями не внутри границ. Я пробовал много разных способов, но не могу решить эту проблему.


Pizzas


Margherita pizza

Tomato sauce, mozzarella, and with garlic oil on the edge of the pizza. Tip! Also delicious with oregano.


.pizza-section {
background-color: beige;
}

.pizza-section-title {
display: flex;
justify-content: center;
padding-top: 20px;
}

.pizza-margherita-img {
width: 100%;
height: auto;
margin-bottom: 30px;
}

.margherita-pizza {
display: flex;
flex-direction: column;
border: 3px solid black;
width: 200px;
border-radius: 15px;
object-fit: fill;
}

.pizza-margherita-title {
font-weight: bold;
}



Подробнее здесь: https://stackoverflow.com/questions/798 ... he-borders