Loop through Two Arrays (JS)
I have two arrays which I'm trying to loop through to determine if they have matching values. Here is a portion of the code:
```
currentProducts.forEach(item1 => {...
How use client components with next18n?
Now I change languages like this
Language.tsx
```tsx
'use client'
...
...
How does the input checkbox work if it's hidden?
Here you can see from https://youtu.be/1TZjgQ0Osic 6:30, he creates that hamburger button, he hides the input, and then he uses css selectors to "use" that hidden input element in order to toggle the sidebar, how does that work?
Child to be 100% of the align-self parent, but not more!
Hey everyone. So this is my layout, like on the picture.
Both lef (blue) and right (red) side are made to be: align-self:stretch.
Since the body is min-height: calc(100vh - header height), both left and right side will stretch to the end of the container.
Since my right (red) side doesn't have a predefined height, can my yellow content inside the red element be 100% of it's parent (red element)....
hero section design
Hey, what would be the best way to go about this sort of design for a hero section where the image intentionally overflows the container as shown in the image? Would it be setting a max height on the container or perhaps a property on the image? Iād much appreciate any insight, many thanks! (Sorry for the poor quality image haha, I had to draw it on phone)
Having to set a height declaration using -webkit-line-clamp on older iOS devices?
On a page I'm building I am using the line clamp that Kevin showed in a YouTube short I came across recently.
'.line-limit { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}'
It is working as expected on all my Win 11 desktop browsers and in responsive mode but I checked on my iPhone 6S+ (iOS 15.7.9) and the paragraphs are shown full length and there are lines of text that are overlapping. I was able to look at the page on an iPhone 15 in the store this morning and it was working as expected. ...
