div {
    display: flex;
    align-items: center;

    /* If the SVG needs an offset */
    & svg {
        --offset: ...px, ...px;
        transform: translate(var(--offset));
    }
}

[–] onlinepersona@programming.dev 13 points 1 day ago (1 children)

Yeah. Easy. So easy. Text size changes, svg not centered anymore. Add margin (or whatever that inside margin is called), and tada, not centered.

[–] funkless_eck@sh.itjust.works 15 points 1 day ago (2 children)

padding

At the risk of getting flamed - I wonder if because CSS is a design tool not a programming tool, it will seem unintuitive to people from a technical background, but more intuitive to people from a design/arts background

[–] TrickDacy@lemmy.world 9 points 1 day ago* (last edited 1 day ago) (1 children)

Exactly this ^

When we had "backend" people at my shop, they were god awful at css. It was so bad at one point that I scolded any backend person who touched css because they always fucked shit up if they did.

[–] Phunter@lemmy.zip 13 points 1 day ago (1 children)

I fuck up CSS on purpose whenever possible to reduce the likelihood of anyone letting me near it.

[–] TrickDacy@lemmy.world 7 points 1 day ago

Maybe you used to work with me? haha

[–] onlinepersona@programming.dev 8 points 1 day ago

I think you're right. CSS was more understandable to me after reading that it came from the world of print media. It's how things were laid out there and it was transformed into a language from those with domain knowledge.

But I would be curious if those who studied art also use the same terminology. If so, then it would make sense that it would seem more intuitive to them.

[–] 4am@lemmy.zip 3 points 1 day ago (1 children)

Still using div in 2025

[–] YoSoySnekBoi@kbin.earth 6 points 1 day ago (1 children)

I'm confused - it's the only non-semantic standard html container. Ofc it's bad if you're trying to communicate intent, but if it's just for minor layout tweaks, anything else would mess with the document structure. Find me one sufficiently complex website that doesn't use divs lol

[–] irelephant@programming.dev 1 points 2 hours ago

I actually nest everything in <p>s