React Bug Fix
Hello.
I enjoy coding in free time.
While grasping a project I met a bug but didn't fix it yet.
Chessmen don't move as I ordered.
I hope skilled developer's help....
overflow when zooming in.
Hey, i was debugging a project of mine and noticed that if i zoom in to a high extent (i saw it at 500%. I'm aware this an unrealistic number and most users probably wouldn't do this) my content overflows. I'm using clamp for my font sizes so it's most likely because that caps the size the text can shrink to. Is this something to be concerned about or cater for or is it regular behavior that you can't do much about? Thanks in advance.
https://codepen.io/deerCabin/pen/xxoNZGg...

Round a box-shadow without round the parent
I don't know if it's possible but I know that if the parent container has rounded corners I can see the background behind it.
Thank you.
box-shadow: inset 0.5vw 0.5vw #991b1b, inset -0.5vw -0.5vw #991b1b, inset 1vw 1vw #f1f1f1, inset -1vw -1vw #f1f1f1;...
Can't make Fluid for Tailwind work
Hello guys I'm starting a new project using React+Vite+Typescript and Tailwind for styling. I bumped into Fluid for Tailwind (https://fluid.tw/#tailwind-merge) and I was pretty much curious to use but I really cant make it work. I keep having a warning:
"warn - fluid-tailwind: Fluid extractor not found in your Tailwind config".
here is my tailwind.config if can be any helpful:
...
stroke text
Hi guys, I want to create some text like the picture but when I use
text-stroke
the text is broken. Is there any way to fix it?
```css
p{
font-family: "Inter", sans-serif;
font-size: 70px;...
Problem with transition display: none
Hi friends, does anyone know why this doesn't work?
In reality it is working in only one direction.
Any collaboration is appreciated, greetings!...
grid minmax | minimum size
Hey, i've seen, and use myself, the minimum for the minmax function being
16rem
for responsive grids. This works great for a viewport size of 320px
without overflow, but for devices smaller (i'm looking at minimum 280px
), it overflows due to it being a fixed value, i'm surpised it's taken me this long to notice that haha. I've tried replacing it with minmax(min(100%, 16rem), 1fr)
but that doesn't seem to work. Does anyone have a recommended solution? Thanks in advance.
https://codepen.io/deerCabin/pen/eYwoaQL...how to run a code on Chrome DEVTools
I have this very specific scenario on my job where I need to keep refreshing a certain page in my work so it can update new IDs. I thought about making a code that would refresh the page every 5 seconds and only stop when it finds a different ID from the ones already stored.
The problem with this approach is: Every time I run a code, like location.reload(), obviously the page refreshs and both the data and code are lost.
How would this be possible? I thought about using some external file to do that, like VBA libreoffice or even a notepad (we can't download anything), but idk how to do it. Can someone give me a light?...
Grid layout
Trying to achieve the layout with grid. I got stuck here.
```html
<div class="images">
<img class="first" src="3.png" alt="" />
<img class="second" src="7.png" alt="" />...

setInterval()
Steps to reproduce:title of the document should be changing as new messages every second.
But it doesnt happen here ,only on the initial refresh after 1 sec the title changes and remains num
...
setInterval(() =>
document.title = '(2) New Messages', 1000)
setInterval(() =>
document.title = '(2) New Messages', 1000)
z-index for animation
hello there, seems to be easy but i cannot figure that out.
i have hover effect on items little tooltip pops up, but when u hover higher element he's lost z-index
https://codepen.io/melasculla/pen/ExBJORV...
Trending now part and movies list are not responsive. Please help.
For more details about my problem i am facing please visit netflix.com . I am making a netflix clone. The movie images occupies more width and a scrollbar appears in the bottom because of that. Also the trending section shifts down when width is reduced.
I am uploading screenahot here cause i was unable to upload the file ....

Where can i find custom html dropdowns, easy to use and customize
I've always found it hard to customize or find select dropdown menus for websites, I do not want to use bootstrap dropdowns. Any other suggestions are welcome
how to wrap these in elements within 50px of height in css
so i want that icon and two p tags text inside 50px of height . in that icon place there will be a mui icons , icon fits perfect but the text going outside , i tried justify-content:unset;
```html
<div id='ios-icon-div'>
<div>...
Container query not working
Hello, my container query on .gridContainer is not working at all. If i change it to @media it works fine and dandy but the moment i try to use @container it just breaks and doesnt create me a 4 column layout on desktop as it should :
```css
@use "sass:math";...
Create an Embeddable Widget with Remix and Vite
I'm looking to create an embeddable widget using remix.js and vite. Specifically, I want to build a script that can be embedded in other websites. Does anyone have resources or a basic example that could help me understand how to do this?
why is height: 100%; not working?
Hey, I have a flex container with an image and text. I'd like the image (it's in a div so the div) to take up the full height of the parent container however it doesn't seem to work? it only works with
min-height
. I don't understand why this is happening? It has the room to grow since the parent container is the height of the text. Unless in this case 100% means the content? Thanks in advance.
https://codepen.io/deerCabin/pen/wvLZdEe...relative-positioned element is cut off
I'm having a problem with position relative and absolute, the content of the header doesn't show properly. but it's cut
Note: removing the position relative might fix the issue on the pen, but it makes the header scroll in my other code (the pen is a quick example)... So my solution can't be to remove the position relative
Pen: https://codepen.io/n00bCod3r/pen/yLdrOeP...
