KPC
Kevin Powell - Community•9mo ago
Spencer

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
Mannix•9mo 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
Spencer•9mo ago
I’ll try this, thanks! So for the parent it should be my button container/div surrounding it, right ?
Mannix
Mannix•9mo ago
the parent would be .medFirstChapter also your first medbuttonSelection is not closed 🙂
Want results from more Discord servers?
Add your server
More Posts
the icons aren't centeredI have tried everything I know, but I'm a little rusty <!DOCTYPE html> <html lang="en"> <head> useOptimistic - example needed - codesandbox / stackblitz / githubI need to change data immediately without waiting for response from server - https://www.youtube.comHeader has a space, how to remove it.Hi guys, my header has a space its not filling in at the top. I dont have any margin-top or anythingButton Text Issue during animationWhen I hover over to the button, the animation is good but the button text is not visible, how to soFlexbox and bordersHello there I have a block of text and and an empty div with background color and want to layout thFramework vs Vanilla JSApologize for a noob question. I was wondering what’s the best way to tackle authentication, routingnav ul not taking whole height spaceyeah basically, i've been staring at the code for half an hour and couldn't find anything to fix, i transform chain positions - how is it organizing these?https://codepen.io/Laing91/pen/OJreYLK As you can see in the codepen, without transform they both sCreating a responsive figure with caption, without using layout models (i.e grid, flexbox)Say you have a parent container of a fixed height but variable width. The parent contains an image aImage Caption width of ImageWell hello everyone, I have a given size (fullscreen modal) in which I want to show an Image as larg