Das Bild passt nicht in die Ränder ⇐ CSS

[Anonymous]

Ich habe zum Spaß eine Pizza-Website erstellt. links über den Rändern liegt nicht innerhalb der Ränder. Ich habe viele verschiedene Möglichkeiten ausprobiert, aber ich kann es nicht lösen.

Code: Select all

                                                Pizzas                                                                                
[img]images/Pizza Margherita.jpg[/img]
                                                                    
Margherita pizza
                
Tomato sauce, mozzarella, and with garlic oil on the edge of the pizza. Tip! Also delicious with oregano.
                                                 

Code: Select all

.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;
}