traintocode

Adding Some Styles to the Input Box

Next, add some CSS styles to the <form> component and its children. You will want to use a flexbox layout to allow the <input> and <button> components to be placed in a row. The <input> element should also stretch to fill the remaining width.

Exercise

1. Set the line-height on both the inputs to 2 to make them taller

2. Set the <form> to be a flex container and set the text input to grow to fill the remaining width.

To find out more about flexbox, or anything else you need to know, ask me here:

You cannot do the coding exercises on this device, visit this page on a larger screen.

App.tsx

App.css

⋮