Instead of separating HTML and CSS, we can embed all CSS styles into HTML. especially in React components.
The advantage of Styled component is that we can use variables inside CSS styles without any limitation.
This feature is very useful when implementing mobile responsive.
https://www.styled-components.com/docs/basics
