Trying to get the text beside an image and it appears beside it. What am I doing wrong

HTML-CSS
#1

/* intro section*/

.intro {
position: relative;
}

@media (min-width: 600px) {
.intro {
display: grid;
width: min-content;
margin: 0 auto;
grid-column-gap: 1em;
grid-template-areas:
“img title”
“img subtitle”;
grid-template-columns: min-content max-content;
}
.intro-img {
grid-area: img;
min-width: 800px;
}
}
*/

#2

Can you post the link to the challenge?

#3

Thank you for responding and yes of course I can. Silly me for not doing it from the start.

Thank you in advance for any help or thoughts. :slightly_smiling_face: :pray:

#4

Here it is on codepen as well. https://codepen.io/Clorinda72/pen/XWZQaNV?editors=0100

#5

Also, the idea is to have the intro text on a grey background over the image instead it appears beside it.