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:
The code:
```js
const { Client, Events, GatewayIntentBits } = require('discord.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.

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...
How map routes in React?
I want map routes
https://codesandbox.io/p/sandbox/elegant-mestorf-nzshf6?file=%2Fsrc%2Fconstant%2Findex.ts%3A1%2C1
I want do it somehow like this
...
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

