Colour format choice
I'm rewriting my sites styles and have got to the point where I need to work out a system for colours.
What colour format would you recommend me to use, and why?...
Begin on media Queries
Hi everyone
I realise this
https://codepen.io/alpha_66/pen/JojNMGJ?editors=1100
for media queries I realize this...
DropDown faq Problem
is there any way to not push the box up or when height is increased just incresse the height at the bottom
https://github.com/undeadskeleton/FAQ-accordion...
Confused by useEffect in React
I'm confused on how useEffect actually works. I know useEffect is used to trigger some sort of 'side effect' after the changes are committed to the browser. I'm creating a typewriter effect for an example here and I'm confused on the dependency array of useEffect. Obviously, whatever you pass to the dependency array is what will call the useEffect again if said value changes / updates. But why does this typewriter effect not work if I remove
index
from the dependency array?
If I remove it from the dependency array, it'll print out the first letter countless times. It's not actually updating the index state and instead using the old value. My understanding of useEffect is that as long as it reruns it'll use the updated state values in the component, even if it's not in the dependency array. This doesn't seem to be the case. So if any value is needed in useEffect I must pass it to the dependency array if I need its updated values after rerenders?
Example:...Infinite scrolling carousel problem
Can someone help with my infinite carousel slider?
https://github.com/GeorgeDash/chronotask
It's jumping after the animation is finished and I tried many ways (including asking AI), but it still doesn't work.
...
Resposivnes
Anyone got idea why if the res of screen is less then 740 the width is not 100%?
```.section-two {
background-color: white;
min-height: 75dvh;
width: 100%;...

Is an anchor with changing text in-accessible?
I have an anchor link to a party invitation that will be styled as a button. Inside the button is a series of spans which rotate visibility every five seconds to coerce the reader into clicking the button ('click me', 'this is the button', 'here I am' etc). The visibility is handled with opacity.
My thought is that this would be sensory overload with a screen reader. I'm thinking add
aria-hidden
to all of the spans and add an aria-label
of something like "Read more: 30th Anniversary Party" to the anchor.
Am I over thinking this? Should I let those using screen readers enjoy the (subjective) whimsy as well? Is there a better way to implement accessibility in a case like this (or is it needed)?...Infinite carousel gets stuck when scrolling too fast
I've been working on this draggable/scrollable infinite carousel for a few hours but I ran into an issue. It seems like whenever my if statements hits within
infiniteScroll
, and the user scrolls 'too fast', the if statement triggers again before carousel.scrollLeft()
has updated, causing the carousel.scrollLeft()
to get overwritten.
I've attached a screenshot showing the values of carousel.scrollLeft()
, where we can see that it 'teleports' back and forth a couple of times, causing it to get stuck.
How could I prevent this from happening?...
Vanilla nested CSS query
Hi all,
I wonder if anyone can help me figure out why the following CSS will not work?
::part(form-control-label) {...
How to apply max-height to a 100vh hero element?
I have a simple hero element that takes up the entire screen using height: 100vh. However, I don't want it to exceed 800px, so setting max-height: 800px seems like a logical solution. But it doesnโt workโon smaller screens (where the viewport height is less than 800px), the hero element doesnโt fill the screen.
demo: https://codepen.io/noobcoder137/pen/pvoRbbz...

Anyone know how to get rid of this? - Custom DuckDuckGo theme
I genuienly don't know what these are, I tried box shadow and it aint that, anyone got any ideas?

How do i make this design in html/css do i use css grid or postion absolute or is there something el
I need help i dont know how to do the text thingy one part going to the left one part to the right something is overlapping over the image i did the navbar just fine but im having problemes with second part Help !

need help to understand
i am trying to do it like on screen but honestly i dont understand how to do it
my codepen : https://codepen.io/etrbbr/pen/VYwmgZv...

Genuinely HELP
i don't know why but this took me 2 days and i feel like i can't make a simple slider;
plain js & i struggled like shit
anyway, im selecting a div that has image figures and i do the following in js...
Need help to understand behavior of overflows within a specific layout
Hi, I wanted to create a scrollable list of cards/items within my content layout, but I can't get the height of the content container with overflow items right.
Sample code here:
https://codepen.io/PBN17/pen/xbxRqMo
...
Frontend Mentor - Results Summary
Hey everyone, how are you?
I'm back at working with HTML & CSS after a long time without coding, so I set a goal to progress with the projects on Frontend Mentor.
I'm currently working on my second project, and I did it completely on my own without looking at any tutorials. I managed to finish it, but I know there are things I can improve, and I'd love to hear your opinions. I really want to improve as a frontend developer, so any feedback is welcome! ...
I'm back at working with HTML & CSS after a long time without coding, so I set a goal to progress with the projects on Frontend Mentor.
I'm currently working on my second project, and I did it completely on my own without looking at any tutorials. I managed to finish it, but I know there are things I can improve, and I'd love to hear your opinions. I really want to improve as a frontend developer, so any feedback is welcome! ...

[semi-solved] unwanted 1fr gaps
https://codepen.io/sdmedworld/pen/emYBOaJ
window-resizing required โ please see the above [spicy] codepen.
I am trying to achieve a versatile layout component using a grid-template.
Regarding the ruleset for
layout-container
I thought, that the calculation which subtracts one gap-width from the content-width, would prevent the blowout and overflow โ but it does not....Having issues routing the dropdown menu for mobile
I'm working on a Navbar that contains dropdown items, the parent items route properly but I'm having issues with routing the dropdown items, I'd like to think they've been linked properly but it's still not working every step I've taken to fix it has proved futile; I can't paste the code cause there's a limit to the amount of text input but here's a link to the repo: https://github.com/David-Jesse/PS.git
Any help I can get pointing me to the right direction would be greatly appreciated thanks...