Form Validation working weirdly
Hi there, I make this validation but when I play with it by changing the inputs, it is performing weirdly, I tried to find the problem but could not, could anyone please help me to find out what the actual problem is?
Please see the video, after changing the name multiple times it is acccepting the wrong input and letting the action file open.
https://codepen.io/hamzacodepen951/pen/xxedjzJ...
Cursor Animation
Hello, I am trying to make the cursor on this website https://www.cynthiaugwu.com/
I am here so far. Its not exactly behaving as required. https://jsfiddle.net/2xpne574/2/
It pinches in wrong axis when I move the mouse up or left. Works fine for bottom and right directions. Still figuring out why.
...
Swing Animation
Hello guys, I am attempting to make a square move towards you like a swing would! My first thought was that it would be a transform property value but I am having a hard time finding it!!!!!! Here is an image to help you visualize the type of swing animation I am going for!!!
help with positioning
I’ve been working on this project and it’s displaying perfectly on my device but when I try out the online code editor (Codepen) the positioning is off and is all the way to the right.
I’d like to know if it’s going to be an issue going forward or if I should overlook it.
https://codepen.io/thatboybubu/pen/mdgmVRY...

how does one make this design more responsive?
ive been stuck with this for almost a week and figured it's best i ask for help to get things kicking
there's a bunch of related problems but im not too sure how best to articulate them so i've got this setup
after the dev container environment is setup and the preview of the app is showing (it can take awhile), click on the icon on the right side of the preview address bar to pop it out onto another tab, this is so u can have devtools on it and conveniently inspect all the elements.
when u alter the code on the editor, remember to hit ctrl-s to save it and the preview would correspond to the changes.
...
Forms for websites.
Hello, Could somebody please explain how forms work? I read through a "mailto" articles and tutorials yet they dont show how where or how to add, I've also seen only using html? will that work or do I need javascript? I just don't get how to send the information they put into the form, and get it sent to me on my email? thank you.
technique where background expands box dimensions to spare wrapper element?
I remember vaguely that there was a trick that I've seen in a video from kevin where he shows how to expand a background without relying on a wrapper element. For example, when your text is supposed to have inline padding/margin to the parent borders, but the background should then expand to the parents width.
Do I remember correctly that there was a trick or do I need a wrapper element?...
I need help with responsive
I'm trying to make the mobile responsive, and I truly need your help. Also, I would like some advice to get better at doing responsive, thanks! Note: The image is not showing in code pen. https://codepen.io/Jonah-the-lessful/pen/mdgmOrE

Slideout nav that handles keyboard navigation and overflow
I'm really stuck on this slide out, multi-level nav. It's made from nested lists to maintain the proper tab order but I'm having these troubles:
1. Adding vertical scroll to each new sub level that exceeds my desired max height.
2. Backgrounds of each level should be the same height.
3. Animation should slide from behind the parent nav (currently sliding from front).
I have a codepen example that demonstrates the issue here: https://codepen.io/matthanes/pen/wvZdzBw...
How to make height and width responsive
I’ve been working on this project for a while and it works perfectly just how I want it on my pc but when I try to run the code on other devices it has this weird scroll bar towards the right. Can I please get some assistance with this?

attribute values in custom props?
So since we can do
content: attr(data-value)
, I’m curious if there’s a way to store the value of attributes within custom properties ? Can I do something like —_value: attr(data-value)? Will it look for an attribute of [data-value] on the element I use it on ?Stripe PaymentMethods Component
Has anyone used Stripe's PaymentMethods? I would like to obtain the user's card token through this component, but so far I have not been successful

background animation
Been trying to figure out how to create an infinite background animation that scrolls from right to left across the viewport in an infinite loop. So far, none of the tutorials that I have tried seem to work, so I thought I would post here and maybe someone else can notice something about my markup or css that explains my lack of results. Here is what I currently have:
<!doctype html>
<html lang="en-US">
<head>...
Flexbox w/ justifyContent: 'space-between'
Hello! I'm attempting a status page where these device status are aligned to the right of the device name. Once they touch eachother, all three should drop down to the second row via wrap. The problem I'm running into is that the word Maintenance is longer than the other two, so it drops earlier. How can I make them drop at the same time without messing up the spacing so that it is "end" for justifyContent when it doesn't wrap?

development npm website is not auto refreshing my react app
so i'm working right now in a medium react project everything was good until i bought a new computer after moving the project file to it and type npm start the website show no errors but when i edit my code is not auto refreshing and i can't share the code in github bcz it's big so can you help and do you have a way to how?btw im still beginner to react
Trouble having elements layered properly
I'm working on a project and I ran into this problem.
Simplified version of the code I'm using: https://codepen.io/chrispitts/pen/WNWpmWb?editors=1111
The pen shows exactly what I want the result to look like, however the issue with it is that the button isn't clickable. Essentially I want the layout order from top to bottom to be like this:...
how i can add type to file that doesn't not exits
```ts
import type { WathqnyConfig as WathqnyConfigType } from "wtqtypes";
/** @type {import('wtqtypes').WathqnyConfig} */...
:root most common customer variables
What are the most common custom properties you should put into the :root? Font-size
Font-weight
Colours
what other ones do you use?...