Using React Hooks to Style CSS Flexbox or Grid Rows

In this video I write a hook that will allow me to target and style flex or grid items based on their row. Something that currently isn't possible with just CSS.

[mikemurray]

Damn, what a Bos! Really informative video, was cool be able to join you through your thought process. I thought the video was also a pretty reasonable length (at 1.5x, the same speed I listen to on Syntax) with a good amount of information so as to be easily digestible.

[Omerko]

Good Job! I hope that your Gatsby App will came out cool..

[stoutmusclenugget]

You are very naturally entertaining with your YouTube content. Hope to see a lot more videos in the future 👍

[r-i-ch]

Awesome thought. Do you think you should add the "row=" property as a custom "data-row=" attribute, or are you thinking of the "rows=" value as being a passed in prop?

[anuraghazra]

Is there any possibility to approximate the rows numbers by calculating the height of the flex container and height of each element inside the flex container??

[RagHelen]

Another reason why I have Javascript switched off in my browser.