CSS in React Components

When styling React components, where is the best place to include “layout” based css like Flexbox or CSS grid — in the main CSS file or with the component. As an example, in the color swatches exercise would if you called display:grid on the container, would you assign grid elements in the component. I have tried it a few ways, but haven’t gotten it to work yet.

If you are not going to be porting your app to React Native (where you can only use Flexbox currently), put your layout code in the main CSS file. Much simpler :slight_smile: