I'd like to know when to apply certain rules like what is considered wide enough screen to switch to horizontal layout from vertical etc

What is the difference between @media screen versus @media all?

I'm a little confused about what order:0 does in the css code. How is it different from order:2

Is there a shorthand for when you want to copy all of the CSS except for switching between flex:row and flex:column between different layouts?

I'm curious why did you choose layout for a narrow device as the default in this case?

The reading was pretty straightforward! / The reading was clear, so there's nothing I'd like to talk about. / the readings are making sense