CSS Layout – Grid vs. Flexbox

Re:CSS Layout – Grid vs. Flexbox by nailer on Tuesday October 13, 2020 @08:14AM (#24764816)

My rule: grid by default

  body,
  nav,
  header,
  article,
  section,
  figure,
  form,
  div,
  header,
  footer,
  button,
  .button {
    display: grid;
  }

.button is gross but included as older Chrome/Edgium have issues using grid/flex on proper buttons.

[ Parent | on HN ]

Re:CSS Layout – Grid vs. Flexbox by KarimDaghari on Tuesday October 13, 2020 @08:36AM (#24764987)

nav, figure and button: why wouldn't flex cut it?

[ Parent | on HN ]

Re:CSS Layout – Grid vs. Flexbox by nailer on Tuesday October 13, 2020 @04:29PM (#24769964)

because they nearly always might have two dimensions.

Good question. Think of a price button (to choose yearly payment, instead of monthly).

----

$299/year upfront *

Less than $25 a month

cancel anytime

----

* The symbol would be smaller, the number bigger, lined up in a horizontal row.

[ Parent | on HN ]

Re:CSS Layout – Grid vs. Flexbox by KarimDaghari on Wednesday October 14, 2020 @01:28PM (#24779209)

I would use: `flex-direction: row`. And use wrap the number and asterisk in a `span` and style them as needed.

[ Parent | on HN ]