how do you code this design?
Hey guys
I need to code this design but I am confused
I don’t wanna use table tag, I am going to create a card component but I need to make it structured like a table I may have to make it responsive in future...
How do I recreate this parallax?
I'm not sure how to explain it but I want to recreate the "effect" of the image below, basically it's an image container with a parallax. So, if the image is on the top you can see the top part of it, if it's on the bottom you can see the bottom part of it. I tried recreating that by following some tutorials but it didn't work out
Stop words from braking halfway
How to stop words from braking ? so when it needs space whole word just goes on a new line. For example, its T-Shirt on a new line and not T-
Shirt.
i tried using word-break keep-all, it doesnt work...
I know there is a command that can help me achieve this but i cannot find it anywhere.
I just want that when my elements that are inside another element to behave with the proportions of that element, If I give 100% width or height, I want them to have a limit from their outer parent, in this case its not working, I have height 100% and its overflowing, I hope some of you helps me remember that single line of code q_q
Hiding line overflow on "timeline" line.
Hi everyone! Trying to hide the extra line that's coming expanding beyond the first and last bullet points. I was thinking overflow-y might do the trick but no luck. I thought about giving an element a background color and trying overlay it, but that seems hacky.
Has anyone dealt with this?
Forgive me for the code pen, I don't have pro so the images aren't rendering, and using var for the color but that's the main structure of the css....
How can I center the second row to the middle
My goal is to create a up and down carousel but I am trying to figure out how to center the second row of elements shown in the photo. I am currently using tailwindcss to make this happen
Carousel
```
const Carousel = () => {...
Text Transparency
How do i archive the text transparency in the picture, so i could see the background through the text, despite the fact that it's still ontop of the white background. Thanks.
overflow hidden on body
Hey, I see mixed opinions on things like adding
overflow: hidden on the body to prevent scroll bars due to decorative elements as shown in this image for example (the blue blob). Is this is a method to use or is it recommended to use something else? Thanks in advance!
Overflow with flexbox resulting in hacky use of calc
I'm having issues finding a more elegant solution that does not result in flexbox children overflowing by not respecting its parent's width.
Specifically
sidebar-profile-name is overflowing the sidebar with longer names where I'd rahter have it cut off as to not extend onto multiple lines.
HTML (Vue 3 with Nuxt)
```html...