snxxwyy Comments - Answer Overflow

snxxwyy

Posts Comments

KPCKevin Powell - Community

•Created by Vito on 11/18/2024 in #front-end

Why does child element cause parent to overflow

My bad then. Didn’t see that.

6 replies

KPCKevin Powell - Community

•Created by Vito on 11/18/2024 in #front-end

Why does child element cause parent to overflow

i don't use tailwind but to me it looks like you're setting a fixed width and height with h-[50px] w-[50px]. You shouldn't do that, let the content decide the size of the container. That's why it's overflowing. overflow: hidden hides it because as it says, it's hiding the overflow.

6 replies

KPCKevin Powell - Community

•Created by Dev_HK on 11/17/2024 in #front-end

i wanna know if i'm doing css responsive wrong

You don’t need that many breakpoints. Take a look at flex wrap for flexbox, auto-fit/auto-fill along with minmax for grid and min/max/clamp. If you utilise those correctly you most likely wouldn’t need many breakpoints, depending on the design of course.

4 replies

KPCKevin Powell - Community

•Created by snxxwyy on 11/15/2024 in #front-end

dl vs ul/ol

Thank you both

19 replies

KPCKevin Powell - Community

•Created by snxxwyy on 11/15/2024 in #front-end

dl vs ul/ol

I can understand that

19 replies

KPCKevin Powell - Community

•Created by snxxwyy on 11/15/2024 in #front-end

dl vs ul/ol

Yeah I know, those are like general lists is that I mean

19 replies

KPCKevin Powell - Community

•Created by snxxwyy on 11/15/2024 in #front-end

dl vs ul/ol

Ah okay, is the default styling just the dd having the indent?

19 replies

KPCKevin Powell - Community

•Created by Simon on 11/15/2024 in #front-end

CSS – building a cohesive spacing economy in website projects

That pretty much does solve it. That’s what I use. The space between text elements is pretty much always 1em meaning you don’t have to mess about with spacing, you can let the browser do its thing, but for elements you may want to space out that don’t have those default properties e.g. images, you can always use a flow utility for

.flow > * + * {
  margin-top: var(—flow-space, 1em);
}

.flow > * + * {
  margin-top: var(—flow-space, 1em);
}

5 replies

KPCKevin Powell - Community

•Created by Faker on 11/15/2024 in #front-end

Cookies, Sessions and Tokens

I don’t think storing user preference is cookies, it’s local storage, in js I’m pretty sure handling cookies is a separate thing

106 replies

KPCKevin Powell - Community

•Created by snxxwyy on 11/15/2024 in #front-end

inset behaviour

Anyways, thanks for your help

85 replies

KPCKevin Powell - Community

•Created by snxxwyy on 11/15/2024 in #front-end

inset behaviour

Or you could probably use grid for that too

85 replies

KPCKevin Powell - Community

•Created by snxxwyy on 11/15/2024 in #front-end

inset behaviour

Haha, it’s good for like centering dropdown menus though no?

85 replies

KPCKevin Powell - Community

•Created by snxxwyy on 11/15/2024 in #front-end

inset behaviour

The translate thing?

85 replies

KPCKevin Powell - Community

•Created by snxxwyy on 11/15/2024 in #front-end

inset behaviour

Yeah that’s fair, I think this is one of those really funky properties lol, seems to cause a lot of confusion

85 replies

KPCKevin Powell - Community

•Created by snxxwyy on 11/15/2024 in #front-end

inset behaviour

You definitely helped clear things up. I assume just using the separate properties will give the same result as inset anyways. I always ask the most niche questions, so I’m not surprised if no one has looked into what I’m asking lol

85 replies

KPCKevin Powell - Community

•Created by snxxwyy on 11/15/2024 in #front-end

inset behaviour

Grid will depend on it?

85 replies

KPCKevin Powell - Community

•Created by snxxwyy on 11/15/2024 in #front-end

inset behaviour

Ohh okay I see

85 replies

KPCKevin Powell - Community