TypeScript type error
Hi guys! I have a type error where I'm at a loss on how to proceed.
I'm writing a discord bot that fetches messages in a channel, filters them, and then transforms the data for my backend models.
Please see an example of the filter function:...
How to replicate Grid-like UI with border color?
I recently noticed a trend of this kind of UI and want to replicate it in my next project. I have tried inspecting and messing with some css but can't properly understand the implementation.
Can someone please guide me to any article, blog post or tutorial that implements this type of UI? Thanks in advance
https://www.better-auth.com/...
i am running into a problem with removing and showing divs
https://codepen.io/etrbbr/pen/raBRbQM
When I simply create two divs and toggle the hide and visible classes, everything works fine. But in my code, for some reason, it doesn't work. On the first click, it adds the classes, on the second click, it switches to the second slide, and after that, nothing happens when I click again. What am I doing wrong?...
Make overflow without absolute max-width
I want to make container with horizontal scroll and use flexbox for it:
```css
.grid {
display: flex;
gap: 0.5rem;...

How to make the height take remaining space ?
Hi everyone!
I'm working on a droppable area inside a MUI Stack component that follows flexbox rules. The structure includes filter icons and the droppable area, both placed inside the Stack.
I want the droppable area to take up the remaining available height in the container....

i can't get the height size of the child accurately
https://codepen.io/hzk-0210181/pen/YPKOMoW check on mobile (576px>)
i was able to do this in this website i've built
https://buildup.ma/#contact-us-anchor...
Change colours when required fields complete
Is there a way to change the form background and input background and input text colours once all the Required fields are complete. even though not all of the fields are completed and before the submit, all with CSS?
Regards
Pete...
astro
Regarding application to ViewTransitions in Astro. (astro์์ ViewTransitions์ ์ ์ฉ์ ๊ดํ์ฌ)
If you apply ViewTransitions in Astro, is it possible to solve the problem that the java script in the menu runs on the first page, but does not run when you move to another page? (astro์์ ViewTransitions๋ฅผ ์ ์ฉ์ํค๋ฉด, ์ฒซํ์ด๋์์๋ ๋ฉ๋ด์ java script๊ฐ ์คํ์ด ๋๋๋ฐ, ๋ค๋ฅธ ํ์ด์ง๋ก ๋์ด๊ฐ๋ฉด ์คํ์ด ๋์ง ์๋ ๋ฌธ์ ์ ์ ํด๊ฒฐํ ์ ์์ ๊น์?)...
why does my content keeps getting smaller instead of adaptable to the device's width
here's my website on 2458px maybe
the second image is on 1026px i set the break point to 1024px
...

Multi-input setup for license key
I'm making an "activate license" screen with an input for the license key, the license key itself is 5 sets of 6 characters separated by dashes.
I'd like to style it as a series of inputs where each segment is written, with the dashes already built in, and focus moving between the segments as you type or delete, and a paste of the license key fills the inputs and ignores the pasted dashes. Does that make sense as a method? Should I do it in one input but style it to look like many? Is there a secret third option I'm missing? How would I even implement it?
I'm currently running with svelte but I feel like this would require some vanilla js dom manipulation...
3 column layout with specific item on hover styling
Hello everyone!
I am trying to achieve the following:
- 3 column layout, where on tablet it is 2 columns and on mobile 1...

How to reproduce this card hover effect
Anyone knows how to replicate the shown hover effect for cards?
Javascript not working
I want the "valid_email" to appear only when the user types in the correct email https://codepen.io/saad-shehzad-the-bashful/pen/JoPwQgN
Mobile Layout not taking full space
I am currently working on a dashboard project that have layout issue am facing while mobile view. I have provided both desktop view and mobile view. On mobile view the main content element should take the space what left by the collapsed sidenavbar.
Also the sidenavbar has contents that still not showing , on scrolling that sidenavbar is closing....

Problem with the responsiveness of website for and images
David: Hey sorry for disturbing I am having a big problem with respsonsiveness of my website, the image and overscroll-x:auto; keeps on messing up sorry for this disturbance but pls to understand me more can you check out https://www.jumia.ng website to understand what I mean. When you reduce the device width both the images will also shrink with it. The main Issue I am having is with the ero section, when I make it flex and overflow-x: auto; it will just spoil everything
Have img match parent's height with set aspect ratio
Hey so I have a square image, a qr code, that i want to match the height of the parent it's in. The parent's height is intrinsic to the buttons placed as the first child
Tried a bunch of stuff but i can't seem to let this image follow
Now i did get it working with background-image, but i wonder if this is also possible with html img tag ...
CSS @property or :root?
Could/Should I use
@property
indistinctly from declaring CSS variables using :root
?
Is there any downside to using only @property
?
Thanks in advance! ๐...