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
Mannix13mo 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;
}
Spencer
Spencer13mo ago
I’ll try this, thanks! So for the parent it should be my button container/div surrounding it, right ?
Mannix
Mannix13mo ago
the parent would be .medFirstChapter also your first medbuttonSelection is not closed 🙂
Want results from more Discord servers?
Add your server