Build modular responsive components with React Container Query

There are two important concepts in web design and development, "component" and "responsive". Component means we create basic group of elements and reuse it so it's easy to design and maintain. Responsive means our component should look good and accessible on both mobile and desktop devices. One conflict exists between the two concepts though.