Challenge #1 Help! flex or Grid
I wanted to do it via flex, but how do I push the text without adding a margin and have it automatically push there? Do I have to modify the shape of the card?
Using grid list is easy but I need to do it using flex and flex shark
https://codepen.io/tazissam-the-looper/pen/abPGzOE...
Recreating Apple's security/privacy padlock animation on the logo through just code
So I was redesigning a startup's website with better UI and animations to show my skills and then to pitch for an internship opportunity using that as proof of work. Now they have this section on security/privacy where I thought it would be cool to make an Apple privacy-type padlock animation with their logo. So my question is, can be done using CSS or any framework with just code and not animation software?(EDIT: I will be using an image of the logo and code the handle of the lock, as otherwise...
Auto Closing Tag not showing
So i'm trying to add the feature on my code editor that helps devs to write easier and faster
so i want to add the feature auto closing tag but it's not showing or sometimes it gets shown like in the photo
So i want when the dev write a nametag for ex: <h1 but after he type the ">" i want the the closing tag to get closed by itself
Here's the code : https://codepen.io/ssamimustafa/pen/XWoExmO...
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. ...
