Kevin Powell - Community•14mo ago

can’t get my buttons to overlay the images

Hello, I have it setup so far where I click the first "Medieval" button, then two more images pop up.. they're supposed to be side by side with the buttons overlaying the images. But I can't seem to get it to work, any advice? First 3 buttons look good, but the second pair is where I’m struggling.. here's the github repo for it : https://github.com/spencerrcr/Interactive-Story

GitHub

GitHub - spencerrcr/Interactive-Story

Contribute to spencerrcr/Interactive-Story development by creating an account on GitHub.

3 Replies

Mannix•14mo ago

You can do something like this to stack them

.parent{
  display: grid;
  grid-template-areas: 'stack';
}
.parent > * {
  grid-area: stack;
}

.parent{
  display: grid;
  grid-template-areas: 'stack';
}
.parent > * {
  grid-area: stack;
}

SpencerOP•14mo ago

I’ll try this, thanks! So for the parent it should be my button container/div surrounding it, right ?

Mannix•14mo ago

the parent would be .medFirstChapter also your first medbuttonSelection is not closed 🙂

Gaming

Programming

can’t get my buttons to overlay the images