CSS-Text-Container in Zeile anstelle von Spalten angezeigt ⇐ CSS

[Anonymous]

Ich kann nicht herausfinden, warum das Textfeld rechts neben dem Bild in Zeilen anstelle von Spalten angezeigt wird. /> < /p>
Bild davon, wie es aussehen soll: < /p>
Wie es aussehen sollte, < /p>


@import url('https://fonts.googleapis.com/css2?famil ... splay=swap');

:root {
--ff: 'Sour Gummy', cursive;
--color-primary: hsl(230, 50%, 90%);
--color-primaryheader: hsl(230, 50%, 85%);
--color-secondary: hsl(230, 50%, 10%);
--color-tertiary: hsl(290, 80%, 20%);
--color-accent: hsl(170, 80%, 20%);
--h1: bold 64px/72px var(--ff);
--h2: bold 48px/56px var(--ff);
--p: 24px/32px var(--ff);
}

body {
margin: 0;
background-color: var(--color-primary);
color: var(--color-secondary);
font: var(--p);
}

.content {
max-width: 1280px;
margin: 100px;
display: flex;
flex: 1;
gap: 40;
align-items: center;
}

.text-content {
display: flex;
flex-direction: column;
flex: 1;
}

.primary-btn {
background: var(--color-accent);
color: var(--color-primary);
padding: 20px 40px;
text-decoration: none;
font-weight: bold;
border-radius: 10px;
}

img {
width: 100%;
height: auto;
}

/* Media query to adjust layout for smaller screens */
@media (max-width: 800px) {
.content {
flex-direction: column;
}

.text-content,
.image-content {
min-width: 100%;
}
}< /code>

Code: Select all

Rehome Your Dog with Compassion
At Happy Paws, we understand that sometimes, due to unforeseen circumstances, families can no longer
care for their beloved dogs. We are here to help ensure your pet finds a safe and loving new home.

[url=https://www.happypaws.com/surrenderform]Submit a surrender request[/url]



[img]img[/img]

Ich habe zum ersten Mal gedacht, wie man das Bild und den Text-Container nebeneinander platziert, aber es hat das Raster der Dinge im Feld durcheinander gebracht.