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

help

Attempted to load @next/swc-darwin-x64

I just created a new nextjs project and the first time i run the dev server i am seeing some errors in the console but the app running and i dont know if this will affect my project, please how do i resolve this issue? ```js
next dev...

token is undefined

So, i was just trying to create a bot that can have simple slash commands so i can remind some points that i studied that day and so on. But it gives me the following error when i run node index.js:
TypeError: Cannot destructure property 'TOKEN' of 'process.dotenv' as it is undefined.
TypeError: Cannot destructure property 'TOKEN' of 'process.dotenv' as it is undefined.
The code: ```js const { Client, Events, GatewayIntentBits } = require('discord.js')...

space in h1 h2 p

Hello, I hope you are well, is there any way to avoid that space that is generated when choosing a large size for the font? In the first image select what I mean, I ask because I am trying to align an h1 h2 and a p, and there are those spaces, the second image shows how it looks

Horizontal Accordion of Links

I'm working on an interface for reviewing videos: https://pairs.trwb.live. One of the UI elements I would like are buttons on the left-hand side of the screen that, when clicked, expand to a set of options. Currently I have code like: ```css label:has(input:checked) ~ ul li {...

Display inline (html/css) (solved)

Solved by @psychodude Now I have this (red) I want this (green) Help please - https://codepen.io/Nicitaa/pen/YzRyVNY...

Pass ID

Hello, I'm a beginner So, I want to pass ID in order to dynamically display item desc based on clicked card. I ask chat gpt and it gave me code below. Everything looks fine until I try to run the code manually (without live server extensions) and got all sort of error such as: "Access to script at 'file:///C:/Users/Asus/.../passID.js' from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, isolated-app, chrome-extension, chrome, https, chrome-untrusted."...

vercel deployment

depolyed a react app on vercel , when i navigate to a route and refresh the page it showes this message

React: importing an .svg file as an img src for a component, does not render inside img

Inside of an react <Link> component, I have an <img>, whose src is being pointed to an imported component (the svg file), called logo. However the svg is not rendering onscreen. GIT: https://github.com/nnall/GoWithGig-Nick.git...

How add transition on modal bg using framer motion (solved)

https://codesandbox.io/p/sandbox/close-animation-framer-motion-solved-yp3gwc Now modal bg have red color and 0.4 opacity and appears straight away I want add transition on modal bg Send codesandbox please...

Nav Element wants to overflow body for some reason

Working in React, I have a "Home" Component, that is a sibling to the "Navigation" component, both getting returned in App(). The "Navigation" element wants to overflow the body for some reason. I'm not returning the <body> from any component. The entire App() return is being fed into <body> in the html, but my Navigation component is still overflowing <body> whenever I try to make it 100% wide. ...

i want to ask about a website i saw

there are websites that will make lines like these follow mouse pointer how does they do that

::before and ::after to create a hamburger icon

Hey all! This is the code: https://gist.github.com/zenonmesic/ac335a5c48eb1b180e361e2f265ba93e I am following a guide on how to create a hamburger icon. It uses an empty div and then ::before and ::after to add two extra lines that are then moved above and below the div and that is it. I am playing with it to actually understand how it works and I have read the documentation but it is still not clear to me. Note before I start: I changed some colors, added the 1s and changed space-between to space-evenly just to better see and understand things....

Extra div when injecting HTML inside container

Hi, peeps o/ A little help here u.u So, there's an extra div been inserted around the new .country div that I don't know where it's coming from. I was looking at the JS code but didn't see anything different from other projects where I inserted code like that. Can someone enlightening me ? maybe I'm too blind .-. ...

Production CSS

Hey guys I have an issue my deployment , when I use normal safari or other browsers the css is all messed up but if I open up an incognito window it looks as it should, I’ve tested on my phone and my girlfriends phone and confirmed it Any help would be appreciated https://hyper-osint.vercel.app...

Mysterious right margin on <body>

GIT: https://github.com/nnall/GoWithGig-Nick.git Pages: https://nnall.github.io/GoWithGig-Nick/ I'm trying to figure out why I'm getting a right margin on the entire body. ...

How to fix row height in grid

hey can you help me with this actually i am learning grid and its quite complex also if you know grid please teach me . thanks https://codepen.io/ajaywork/pen/MWzwrRW hey i want both the rows to have equal height but only the first one is having 30% not second?...

Animation of text reveal letter by letter

Hi everyone I had a text reveal effect on the firdt text "we are laxer" the problem is the last letter appear before the middle letter ...

Edit input field on :focus

I want to create a input form that will have a width adjusted to the amount of text in it like in the picture