Kevin Powell - Community

KPC

Kevin Powell - Community

A friendly place for developers to meet other devs, ask questions, get help, and just have a good time πŸ™‚.

Join

front-end

resources

back-end

ui-ux

os-and-tools

Sidebar is pushing down my content and creating whitespace

CSS, Bootstrap 5 You'll notice I have made it so when I collapse to mobile, the Features sidebar slips under the black highlights box (where it lists engine, suspension, etc. stats). If I made the sidebar collapse to the bottom, I don't think this would be an issue but I need to to appear under the highlights box on mobile. So when the sidebar grows too long vertically, you'll notice this large white space...The DIV on the left is growing to match its neighbor, the sidebar... https://codepen.io/valdortheshield/pen/poYNMMw...

Can someone help me to create neon light

I want to create a touch which can give a 3d glowing neon light in cylinderical pattern like behind the man can anyone help me with that
No description

Animation problem

hello guys, I am working with my self project, I just want to make my btn background is to make animation, and I dont know why the animation is not working. heres my code for css and my html. can u check guys whats wrong in my code. Thank you!
No description

Why moon-icon not in the right place?

Hello, I do not understand why "moon-icon" not in the right place Here is my code: https://codepen.io/lanszelot/pen/YzgpmzL Here is how it have to be /image/:...
No description

Margins Not Shrinking?

Hello guys, soo I'm working on a hotel site and I'm having trouble with making only the margins of my container shrink, when ever i drag the screen towards the mobile size only the content of the container shrinks and not the margins. My ideal scenario would be the margins shrinking until the content meets the side of the screen and then I use a media query to adjust the width of the container and so on... any help would be much appreciated πŸ™

Syncing frontend instances?

So I have a project that involves OBS browser source as an overlay and I need a dashboard as a backup control of the overlay. Is the best solution using websockets and having dashboard and overlay instances on separate web servers? Both instances would be ran on the host computer.

Bootstrap -> cards: auto height adjustment not working

Hey, I was playing around with bootstrap cards to get a sensible layout for my blog but I just can't get them to work. They are responsive enough but I just can't get the auto-height adjustment to work... Here is the codepen link: https://codepen.io/wzvroegp-the-solid/pen/poYNmvr...

modal show/hide animations

I have a <modal> element. with a show animation (it changes opacity and zooms in). this works fine. but i can't find a way to have the same thing in reverse for closing....

Question Regarding Beginner Projects

Backstory: Depending on who's reading this you might recall me saying I had an opportunity to head to the Snapchat HQ and I've been learning HTML/CSS for a few months (still not that best) but I decided to create a portfolio to show them my skills and possibly get an internship with them so I can continue learning and have more help. Real Question: What sort of beginner HTML/CSS projects do you guys recommend me create? I've been told to avoid anything using an API for now, I've watched some videos and people would recommend a login page clone without much backend....

can somebody help me

https://codepen.io/danilocasim/pen/yLwVjpg i'm stuck here i can't row the div and wrap it😭😭...

auth0

i need help with auth0 i want to authinticae user before visiting the website without clicking the login button how do i do that

How do I scale image this way ?

I'm trying to clone this website https://evoconference.framer.website/ But how do i manage the image, I'm trying adjust this image but it's not working. Here is the codepen for this: https://codepen.io/web-test-the-sasster/pen/VwRmPRX...
No description

fieldsets are ignoring container's padding

Hi everyone! I'm struggling with the first two fieldset to respect the parent the container, but only the last one does (and I didn't get why) Here some images to help u understand the problem (unluckly I can't take screenshots from company's PC)...
No description

Anoying gulp warning

Can I get rid of this GULP warning? It wants me to use " " in .bg--"#{$color}" but itΒ΄s not a valid syntax. I tried everything but without success. Everything works just fine, but itΒ΄s confusing for some colleagues. They think its not working when they see the warning. ...
No description

a 50/50 items in the -- no wrapper mindset with css grid

Hi Kevin, i really love the approach of getting rid of container and wrappers, like you showed in this video. https://www.youtube.com/watch?v=c13gpBrnGEw ... My question using this approach. How would you make a section have in it two 50% sections that are full-width (meaning one section goes from full-width-start to "content-middle" and the other one goes from "content-middle to full-width end....
No description