Project Help-- Where should I start researching?

I’m trying to get the labels next to the inputs side by side. Kind of like: https://codepen.io/freeCodeCamp/pen/VPaoNP

Here’s mines: https://codepen.io/richard93x/pen/rqREXz

What do you recommend I brush on in order to accomplish this? Flex? Grid? Something else?

Here is what I would do.

I would create a container div for every row. Then create separate divs for each labels and input boxes. Give them inline-block displays and set them to certain widths.

Good luck!

It doesn’t seem to be working…

The width property doesn’t have an effect

You would put labels and input boxes all inside each row div.

Then give width eg. 50% to labels and input boxes.

“You would put labels and input boxes all inside each row div.”

Can you show me how this is done?

For ex.

<div class = "row">
<label class = "label"><input type="text" class = "username">
</div>

You would give row class display block.
Nested elements inline-block and give them fixed width like 44% and 45%.