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

including all html files in npm build package

Hey guys, it's my first time using npm to build a project (did this mainly to use threejs). When I run the command
npm run build
npm run build
only index.html is bundled in the package. I do not have a .gitignore or a .npmignore file. Am I doing something wrong?
No description

How to change color of the select dropdown icon

Is there a way to change the color of the dropdown icon?, i am not using any library. just the <select> html tag
No description

CSS transitions

I have an unordered list that looks like ``html <ul class={nav-links row ${isExpanded ? '' : 'hidden'}`}> <li class="nav-link"><a href="/">Home</a></li> <li class="nav-link"><a href="/">About</a></li>...

How do I align both rows of this flex container?

The box on the second row is one pixel wider than the first. Why are they not perfectly aligned? https://codepen.io/mycenas/pen/BabvqrJ

How do I get rid of this annoying thing!

I've been trying to figure this issue out for about 2 days and I literally have no idea what's wrong. Regarding the header when I make it somewhat transparent behind it there's a weird coloring does anyone know why?

Push a file with Git

Hello everyone I ve just begin with Git.I realise my first commit on github.But now I want push a second file...
No description

Brainstorm me with real-world react projects for beginners!

I love to learn from courses and from youtube, but now I want to use my "beginner knowleage" to start creating some real world projects. Two projects I completed are todo-app and a advice-app but I want something more unik to do with useEffect so I can start learning that by doing. And in the same way to have something to show off for future job interviews. Projects like "Weather app" (something everyone does) its directly a "naah to boring". ...

Best way to fix this?

So If you look in the image I've used inspect element to check responsiveness of my website. Obviously it doesn't look great Kevin had responded to me not to long ago giving me options but I'm still confused what would be the way to go about fixing this issue? I was told it was an overflow issue and that seems correct.
No description

How do I stop my text from cutting off?

Problem - I'm not sure what caused the problem, but I've tried adding width: 100% to div ".container .contactInfo .box .text"
No description

Google Analytics / Google Tag Manager in the <head>

Howdy! I've just set up Google Analytics and followed the set-up steps to add this code to the beginning of my head section of each page: <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-G8PTM5VMZW"></script>...

in next.js

which is better method to optimize fonts ? 1-use in css file 2-by this...
No description

¿How to debug calc() in browsers?

Hello, I would like to know if you know of any tool or technique to evaluate or debug CSS calc() expressions. When these become complicated, it's difficult to trace what's happening. Best regards and thank you very much....

mix-blend-mode is not working

I want it to change to white background and black text when I hover my mouse over it using mix-blend-mode but it doesn't work , can anyone help me ?
No description

<video> sometimes doesn't start

Hey everyone, I have this simple line of code ```html <video class="background" loop autoplay muted playsinline> <source src="../../assets/img/restaurant/background.mp4" type="video/mp4"> </video>...

Slider pagination animation

Hey everyone!! Can someone advice how to recreate slider pagination bullets animation like on video or maybe someone has code example

Aligning content in web pgae

I have a page and its header & footer are sticky , I have to display an image at botton of content and always stick to footer in all resolution. what css should I follow ," header { ......
No description

Love calculator for Valentine's day.

I created a website love calculator using html, css and vanilla JavaScript. "💖 Happy Valentine's Day! 💖 Looking for a fun way to celebrate love today? Check out my new Love Calculator website! Whether you're with your special someone or flying solo, this playful tool will give you a peek into your love compatibility. Give it a try and share your results with me! Spread the love and laughter this Valentine's Day with a little help from the Love Calculator. 💑💕 ...

javascript functions

if i declare a variable with the name "xyz" globally ( outside a function ) and give it a value... and then i declare another variable with the same name "xyz" inside a function and give it a different value.. then m i editing the original variable or im declaring a completely different variable?

Responsive Card Layout (CSS)

Trying to re-create this card layout. I'd like the cards to wrap when screen size is shrunk. However, I can't seem to get the cards to do so with Flex. (Styling isn't exactly the same, just want to get the responsiveness to work). I tried to use a width of 33% or flex: 33%. How can I achieve this without using media queries or fixed widths? https://codepen.io/Matt-CopOffMatt/pen/eYXbNdX...
No description