what happened to image() for css?
I was watching videos on background image stuff, and found Kevin's videoabout image() for CSS and how he was excited about it, and he noted that it didn't have browser support yet, and it's been almost 2 years now so I figured it did by now, but I went and checked and it still has 0%, and I can't find any info on what happened, was it ignored cause there was a better solution or deemed unnecessary or not useful enough, what happened and why was...
Cover SVG Path with a pattern to create Brushstroke effect
Hey there! I wanted to make a follow-up question to my old question. I want to create an animated text marker highlight effect. I got the animation, but now the "brush" pattern is missing. I only have one straight line. I found this https://blog.tentaclelabs.com/posts/2022/04/draw-a-pattern-along-a-path-using-svg and wanted to follow it (since I don't know any better way. If anybody has a better idea to do this, I would love to hear it). I got this https://codepen.io/FreakeyPlays/pen/BagXXzm without the JavaScript. But my "Marker"/"Pattern" is way too small. How is it possible to make the marker bigger? I thought I could control it using stroke width, but that does not work.
Another idea I had was to draw the path on a tablet using a brush stroke already and try to animate it. But I don't have a tablet right now and can't test if the SVG will have a path with the brush pattern. Has anyone ever tried this?...
Advice on making this widget better
Hey guys! I'm making a book "slideshow" on Google Earth and just realized it gives me the option to customize the description widget (top right corner) with HTML and CSS.
I'm pretty good at programming but not quite good at designing. Any design ideas on how to incorporate the location, quote, and anything else that could make it look nice?
Thanks!...

struck on flex with image
I had a image and an paragraph but the paragraph is just one line and the height of the image is so long , I added a flex on it so it can come up with side by side , I am struck at how to reduce the height of the image so that it can be properly aligned with paragraph ... Exactly I want to make as the picture below here is the codepen link https://codepen.io/GOPI-CHAND-SADINENI/pen/dyxbLbb

background fontstyle black index number inside flex-col container
So what I'm trying to achieve is aligning an index number with lowered opacity into the center of a flex parent container.
This ain't working though properly.
Therefore I tried troubleshooting by adding , without any success though.
...
margin: auto;
margin: auto;

Tips to build a sidenav bar using react and vanilla css
Hey guys, I'm new here!! Trying to build a sidenav bar for my clone app with react and vanilla CSS only. Would be awesome if y'all can share some expert tips or provide any references to follow the best practices
flex: 1; grid equivalent
Hey, in this example i'd like
main
to take up all remaining space. I'm aware that it being in a 1fr
row is only one fraction of the 100vh
container, hence why it doesn't take up all the space. Is there a flex: 1; equivalent in grid to make this sort of thing happen?
Thanks in advance.
https://codepen.io/deerCabin/pen/wvVwmeM...Make a Background repeat smooth
Hi guys, can anyone share how they make background repeat smoothly?
I have an image with repeated background but the edges of it doesnt repeat smoothly....
How to approach the text highlight with a vector.
I want it to wrap with the text.
Tried with absolute positioning but it's not working
Text: Comment fonctionne la cagnotte qui a du coeur ?...

How Do Large Companies Manage Ongoing Accessibility Evaluations and WCAG Compliance per Module?
I'm working on a large React application with multiple modules. Maintaining WCAG compliance per module is challenging, especially as new features may affect accessibility over time. Managing this in Excel is hard due to the numerous fields and difficulty recording module accessibility. Do big companies build their own Accessibility Management Platforms, or do they use third-party services? How do they monitor and maintain accessibility as the application evolves?
In grid of 3 items keep middle item strictly centered
Image of desired result attached.
I have container with 3 items. I want middle item to always be centered vertically and other two items to extend outward. What are possible solutions for this?
I tried to approach it with flex and
justify-content: center
, but then having more text in bottom item automatically shifts all 3 items up, so middle item is no longer centered vertically....
appropriate way to scale svgs
Hey, i have an example hero page centerpiece layout and was wondering the most appropriate way to scale that svg (or any svgs) so they're neither too big or small.
The svg came with a pre-set
width
and height
attribute however i removed those otherwise the svg falls short of the wrapper edge which messes with the alignment making it look odd and out of place with things like a header present etc. And if i push it all the way to the right when it's in that state then it leaves a rather abnormally large gap.
Removing the attributes made it fill the container, however that makes it too big. I attempted to use scale
but it just provided similar issues mentioned above and mostly more i don't know about. This also makes it look huge on a mobile view too....How to Handle Missing Grid Columns for Mobile Design in Figma?
Hi, so I was watching a Coder Coder project video where she was converting a Figma design to HTML and CSS. The design included grid columns for desktop, tablet, and mobile styles. She was using CSS Grid for the wrapper/container like this:
```.wrapper {
--wrapper-width: 1440px;
--space-lr: 40px;...
Tutorial for a responsive and accessible hamburger menu
Im still struggeling with the last challenge of the CLR course.
Is there somewhere a good course where I can learn to make a responsive and accessible hamburger menu in mobile and a normal menu in desktop.
Im struggeling with making the right html and css...
make div height of first child
Hey, how would you limit the height of a div to the first childβs height? In the image, I have a design where Iβd like the first piece of content to show but the rest youβd have to scroll down to. I feel this may be something you have to achieve with js, but I also think that thereβs a chance it could be possible with html and css, Iβd appreciate any insight, thank you in advance.

How to target a tag that has no parents?
I am playing with
userContent.css
in Firefox which allows me to inject a stylesheet into every page.
I have several SVGs that include a @media (prefers-color-scheme: dark)
rule to display differently on dark monitors. My issue is the default background for a SVG opened by itself is "transparent", but is effectively white.
I tried adding a @media (prefers-color-scheme: dark) { svg { background-color: #0008 } }
style, which worked, but it affects every SVG on every page, & generally makes the browser look crappy....