How to make image slider skip intermediate steps when jumping between slides?
Hello everyone,
I have implemented an image slider in my Angular application, and it is working fine. However, I would like to modify its behavior when jumping directly between non-adjacent slides using the round navigation buttons below the slider.
Currently, when I move from one image to another (e.g., from the 4th image to the 2nd image), the slider shows all intermediate images as it transitions. I would like the slider to skip these intermediate steps and smoothly glide directly from the current image to the target image, displaying only the two images involved in the transition (the starting and ending images)....
how to center grid item horizontally
I'm using grid to create 3 columns. I want to center grid items of last row horrizontally if there is no enough items for the row. How can I solve this problem? I tried
justify-content:center
but it not work
Youtube Api
I have been using fetch since I created my fishing channel site and added new videos. I don't seem to find anything on how many videos from a certain playlist the fetch will receive. I currently have 10 videos on that one playlist. I am only getting 8 on the call is this normal I can't find any documentation implementing only 8 returns max
Working with Vertical Headers
I know they're a bit 'old-hat', but I working on a site that needs a lot of vertical space, and it's probably back in the 90's when I last used a vertical header, so a bit of nostalgia isn't so bad!
I'm trying to make my workflow as normal as possible, so I set my <main> element to have a left margin the same width as the header, hoping that from then on, any elements I add will automatically be shifted right and things like percentages etc will all work. But some things aren't so good, some elements look better aligned centre across the full page including the header, others need to be centred in the page excluding the header.
What advice would you give for a setup like this? Is it a candidate for container queries/units?...
Add a Scrollbar to a Container When Content Exceeds 100% Height Without Setting a Fixed Height?
Hello everyone,
I'm working on a responsive layout where I want the .status container to have a scrollbar if its content exceeds the available space. However, I don't want to set a fixed height for the .status container since the layout needs to be flexible and responsive. I'm looking for a solution primarily using HTML and CSS, but I'm open to JavaScript, TypeScript, or Angular solutions if necessary.
In this example, each .status container should display a scrollbar if the content exceeds the available height. However, I'm not sure how to achieve this without setting a fixed height....
Painful CSS rule grid issue
👋 Hi All,

This has been a tedious problem I’ve been trying to figure out for days and I would be most grateful to anyone who can figure out what to do..

My Challenge…
After watching Kevins fantastic ruled grid video, I had the idea to create a fully boarded grid of cards in CSS that looks like a grid table. Unlike the example Kevin gave here…. https://www.youtube.com/watch?v=EQYft7JPKto&t=730s
I used nth-child selectors and outlines to try to get the boarders all the way around the edges. I also used an :empty pseudo-class to remove the outline if there are no child elements, so to stop empty children becoming blank areas when content wraps uneven numbers of columns.
...

sticky position is not working in reactjs
So I make like this
...
css
position:sticky;
top:5%;
css
position:sticky;
top:5%;
Blend Mode Issue
Hi, I am working on this challenge, it is now perfect for small, medium and large screens, but issue is on large screen when I apply the blend mode difference on h1 it don't work, and when I add it to .hero-section-content, it works fine but resulting in 2 problems, the text over the image should be black instead of greenish(due to blending mode), and it is also applying the blending mode to p tag and button as well, I just want to have blend mode on h1, how to achieve i, I tried to do it but could not find the solution.
https://github.com/hamzafrontend/web-page
https://hamzafrontend.github.io/web-page/...

Check if two strings are Anagram.
Can anyone help me further i have found the occurances of each character.
```
function areAnagrams(str1, str2) {
const result1 = {};
const result2 = {};...
need help with height units in css
<div>
<img src='img.file' alt='img' />
</div>
<div>
<img src='img.file' alt='img' />
</div>
CSS View Transitions only working 50% of the time
Hi all,
Am definitely new to view transitions so definitely could be making a mistake, but I find that cross document transitions only work 50% of the time. They also don't seem to work reliably at all if you throttle the connection.
Can anyone see what I'm doing wrong?...

highlight php code in pug files (VSCode)
Hi, so i want to highlight php code in pug files. I am using VSCode. I have tried to look for extensions for this but i cannot find. The pug code is highlighted properly but not the php code. Is there any way to fix this?
Btw, why is there no pug tag to choose here in #front-end :/...

Best way of achieving layout with merging columns
so im designing this column layout with a large centre column and a side column but when it condenses on smaller screens I want to merge the columns and im not sure what the best way would be.

Looking for one on Kevin's videos!
He made a video that I have seen before but now can't find it, He was styling multiple cards on a webpage using a technique I have never seen before. I have uploaded an image as it looks something like this, I know it's not super descriptive but I'm hoping someone else remembers as well and can link the video?

CSS
sorry to bother you, but I could really use your help with this CSS question for my college class!
We have been given a set of HTML attributes used in a CSS selector, and our task is to determine the number of each type of selector (IDs, classes, etc.).
for ex : ...
one sided slanted button
Whats the cleanest way to achieve this design? I want to be able to make it responsive no matter how tall the button is.
