incoming (lemmy.world)

submitted 1 year ago by hairinmybellybutt@lemmy.world to c/programmer_humor@programming.dev

16 comments fedilink hide all child comments

all 17 comments

sorted by: hot top controversial new old

[-] NorthWestWind@iusearchlinux.fyi 15 points 1 year ago

I prefer flex

[-] Muffi@programming.dev 6 points 1 year ago

Sound like you need to practice with some Flexbox Defense

[-] onlinepersona@programming.dev 5 points 1 year ago

Is this a new CSS attribute?

[-] Crow@lemmy.world 3 points 1 year ago

CSS grids are a godsend.

[-] shira@feddit.de 3 points 1 year ago

Put it in another div, make that one display:flex;justify-content:center;

[-] Scrappy@feddit.nl 3 points 1 year ago

I always redo https://flexboxfroggy.com whenever I touch flexbox again.

[-] Swiggles@lemmy.blahaj.zone 3 points 1 year ago

Now do html mail!

[-] FooBarrington@lemmy.world 6 points 1 year ago

There is actually an approach which makes this reasonably easy: https://mjml.io/

[-] Swiggles@lemmy.blahaj.zone 2 points 1 year ago

That's actually cool. I have to remember it next time I have to deal with html mail.

[-] FooBarrington@lemmy.world 4 points 1 year ago

I'll pray for you that it doesn't come to that!

[-] simonced@lemmy.one 2 points 1 year ago

set margin:auto to your div, and call it a day, no need of flex/grid whatever...

[-] Knusper@feddit.de 2 points 1 year ago* (last edited 1 year ago)

I only do webdev occasionally and yeah, I've noticed this tendency that I want to put everything in a CSS grid. At this point, I'm worried I end up with a layout that's about as responsive as the early-2000s table layouts. 🙃

[-] adrian783@lemmy.world 4 points 1 year ago

grid and responsiveness are not antithetical. I mean the concept of grid had been around for like a decade, see bootstrap.

[-] Knusper@feddit.de 1 points 1 year ago

Yeah, I've done responsive grids before. Problem is, I'm currently working on a single-page web music player and it's so easy to just nail all the UI elements down. Like I might want to have the play button always appear to the left of the playback bar. But that obviously can't reflow naturally on smaller screens. Although reflowing that example won't look good either.

I guess, I'm still figuring out, if I ever actually want things to reflow. I might just need to define static rules, so that on a small screen, the play button should appear in a different grid cell, next to the previous/next buttons, for example...