All solutions

1. Is there a way I could center the left text vertically on desktop screens with grid, without grouping the text together in a Div?

2. How to change the 2nd column on desktop screens to fit the width of the person's name?

Perhaps a good approach in general is to use Flex when it can do the job, and for anything where it's not enough, use Grid?

Thank you!

Any feedback? :)

This one is very hard to keep the bugs away from.

I would like feedback as to how I could fix the header navbar for iPad sizes (around 768-1024px). It doesn't wrap properly. Thanks !