Mine's display: flex, flex-direction: row, justify-content: space-between
You can now even use `gap` on flexbox.
My favourite 3 lines of CSS
11–20 of 87 posts
Re: My favourite 3 lines of CSS
#12This is basically a frontend person looking for some validation that they are so smart.
Re: My favourite 3 lines of CSS
#13I am increasingly worried about the “smart” CSS solutions. The spec is already huge, the selectors are hard to read and google, the interplay between various features is devilishly complex. And the CSS community seems to be very fond of these smart hacks where people in the know say “Oh, that’s just Foo’s variation on Bar’s flex owl hammer” and you are left to study the CSS lore for hours to decrypt the two or three…
I had the exact same sentiment when the arrow function was added to JS. My mind has not been changed in the years since. Clear is always better than clever, arrow functions are not clear (despite the desperate cries to the contrary by complexity loving programmers).
Re: My favourite 3 lines of CSS
#14I think that this sort of CSS is smart being put in some kind of reset.css, being a base for the design, rather than being used occasionally while developing. In both cases, it would be smart to have explicit comments describing what the snippets do.
Re: My favourite 3 lines of CSS
#15It’s amazing that CSS has such advanced features that can do these things, but at the same time if you actually use them extensively and then I inherit your code, you kind of deserve a knifing.
Worst thing is the comment (if there's any) is probably something like /* lobotomized owl typography*/
Well at least you can google it… But it certainly doesn’t help. I keep my css specific to each class and try to be as explicit as possible to avoid any weird consequences.
Re: My favourite 3 lines of CSS
#16Mine's display: flex, flex-direction: row, justify-content: space-between
agreed. grid & flex, combined with a standard set of custom spacing/gap utils for your design system are making life so easy when trying to build coherent layouts.
Re: My favourite 3 lines of CSS
#17We get so much power from just setting global scoped styles like this it's so strange to me that more of these patterns aren't common or included in minimal css frameworks. With all the recent criticism of tailwind, css-in-js, and other bloated frameworks I truly feel like 90% of projects could get away with a handful of sensible global styles or "classless css" and then aggressive use of components with scoped style…
This. So much this. I wish I could make my colleagues understand.
Re: My favourite 3 lines of CSS
#18I am increasingly worried about the “smart” CSS solutions. The spec is already huge, the selectors are hard to read and google, the interplay between various features is devilishly complex. And the CSS community seems to be very fond of these smart hacks where people in the know say “Oh, that’s just Foo’s variation on Bar’s flex owl hammer” and you are left to study the CSS lore for hours to decrypt the two or three…
Like some sort of perverse Andy and Bill's law, the more powerful CSS selectors we have, the sloppier document structures get.
Re: My favourite 3 lines of CSS
#19Mine's display: flex, flex-direction: row, justify-content: space-between
This immediately made me think of Dave Matthews Band...
Re: My favourite 3 lines of CSS
#20It’s amazing that CSS has such advanced features that can do these things, but at the same time if you actually use them extensively and then I inherit your code, you kind of deserve a knifing.
Any developer describing this code as bad code has probably never seen bad code.