CSS in React Components


#1

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.


#2

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: