Spencer
KPCKevin Powell - Community
•Created by Spencer on 10/18/2023 in #front-end
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
5 replies
KPCKevin Powell - Community
•Created by Spencer on 8/31/2023 in #front-end
How do I get all my border radius' the same size?
Hey guys, I'm working on a calculator project- I can't seem to get all my border radius's the same size when it comes to the CSS. Attached is the codepen- can anyone find out how to fix this? I'm trying to apply it to the whole g1 class so they're all the same- but it doesn't seem to work- some look bigger than others: https://codepen.io/spencerrcr/pen/gOZryxX
3 replies
KPCKevin Powell - Community
•Created by Spencer on 8/14/2023 in #front-end
How do I go about resizing an image for a banner?
Hello, I currently am trying to resize an image for a banner, I just want to crop it, not stretch the image. I can seem to get the width right, but not the height. I tried adjusting the height with the "height" property, but it also seems to just resize the image totally down and therefore the width goes down automatically. here's what I have ’’’ #banner{
height:60vh;
width: 100%;
padding-top: 1px;
background-repeat: no-repeat;
position: relative;
display: inline-block;
}
#banner img{
display: flex;
max-width: 100%;
height: auto;
background-position: center;
}’’’ for I have the html set up with a banner section ,and my image in that banner section. I did it like this so I can also set up text inside my banner as well as a button
1 replies
KPCKevin Powell - Community
•Created by Spencer on 10/12/2022 in #front-end
why are my borders not circular?
So, I’m not understanding why my borders for my numbers are more oval shaped than circular? I tried setting my calculator div to width:100px, height: 100px, but that seemed to break my 0 on the calculator, any advice? https://codepen.io/spencerrcr/pen/NWMeyGX
17 replies