CSS Flexbox - flex-direction to create rows

HTML-CSS
1

Hi,

Looking at hxxps://learn.freecodecamp.org/responsive-web-design/css-flexbox/apply-the-flex-direction-property-to-create-rows-in-the-tweet-embed there is no difference between the starting output and the completed output. ie adding the additional lines does nothing to the view to show that any changes have been made.
Is this expected or is it just firefox?
Thanks

2

That’s because row is the default value for flex-direction - it doesn’t matter if you specify it or not :slightly_smiling_face:

3

true true, it was mentioned in a previous question that it was the default. Shouldn’t it actually mention that there will be no change as expected and whether using it even though it is the default is best practice or not?

4

There are use cases for it. For example you set flex-direction to column for small screens and then have a media query for larger screens where you set flex-direction to row;

.my-class {
  display: flex;
  flex-direction: column;
}

@media (min-width: 600px) {
  .my-class {
    flex-direction: row;
  }
}