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

/* intro section*/

.intro {
position: relative;

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

Can you post the link to the challenge?

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:

Here it is on codepen as well.

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

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.