Nextjs solution using flex boxes and redux toolkit, basic css

I didn't want to make the css on the navbar too messy so I just centered the elements using flex box, is there an elegant solution for this? Also, for the responsiveness of the app, I just used the figma sketches to define the looks and size of the figma components, what's the best practice on this element? Thanks for your feedbacks :)