Instead of another box for a name, I added it as placeholder text. This provided greater flexibility in terms of nickname length, which would mean a div would be fighting for space against the user input, which would quickly clutter mobile view. This also allows for data to exist in one input; only showing the name when the user input is cleared, which is a simple and clean solution to me.
It also, as a bonus, makes it even more clear now that it's meant for user input.
Instead of another box for a name, I added it as placeholder text. This provided greater flexibility in terms of nickname length, which would mean a div would be fighting for space against the user input, which would quickly clutter mobile view. This also allows for data to exist in one input; only showing the name when the user input is cleared, which is a simple and clean solution to me.
It also, as a bonus, makes it even more clear now that it's meant for user input.