styled-components - 如何在表单中设置样式

Question

When using styled-components in my React app, how do I set FormTitle styles like this?

Expected Output:

I want to do FormTitle and FormDescription are separate in the new line?

Code snippet : (DEMO)

https://codesandbox.io/s/friendly-currying-533zce?file=/src/App.js

What should I change in my code? Can anyone help me? Thanks

Answer 1

You can use Phil's solution, or you can add flex-wrap: wrap; to ReccuringFormRow and width: 100%; to ReccuringFormHeaderCell.