5 ms·

These are pretty amazing. Not quite one line but very concise nonetheless. I never mess with grid. I use flex regularly though.

• ta17711771 6y ago
  They could be, most of them. Great article.
  • esperent 6y ago
    I don't think it's really correct to call code a one-liner unless a human being would typically write it as one line of code, which is not the case here.
    • holtalanm 6y ago
      im glad im not the only one that noticed that. 'one liners? half of these are 5 lines of csss...'
• krimeo 6y ago
  Until you actually try them yourself in various browsers (and versions) with dynamically sized content of the elements inside those layouts and see that it is still buggy and not that much has changed and it still needs insane amount of hacks to make the layout work reliable across browsers. EDIT: The common example when grid and flexbox layouts break is when a child of a child element in the layout overflows.
  • rimliu 6y ago
    What are you even talking about?
    • krimeo 6y ago
      Sure. Give me a grid or flexbox simple layout and I'll show when it breaks.
  • jedimastert 6y ago
    Could you set up a little example and submit a bug or two?
    • krimeo 6y ago
      https://www.reddit.com/r/webdev/comments/alg8az/anyone_experiencing_issues_with_flexbox_and/ https://www.reddit.com/r/webdev/comments/alg8az/anyone_exper... https://bugs.chromium.org/p/chromium/issues/detail?id=927066 https://bugs.chromium.org/p/chromium/issues/detail?id=927066 ...