How to correctly position one object relative to another?

Question

User interface

Greetings.
The site has a very simple header block - the logo is placed on the left, and the phone number is mirrored on the right. Next to the phone number there is a picture of a handset in a circle. I drive her back and forth and I can not choose the right place for her. I'll move it to one place, like, norms. Then I look - there are no norms and so many times. Advise in what place at the block on the right on the GIF to place the picture of the tube and, if possible, with an explanation. There are rules for placing checkmarks in squares...

Answer 1

I drive her back and forth and I can not choose the right place for her. I'll move it to one place, like, norms. Then I look - there are no norms and so many times ...

This usually means that this element is not needed there at all. Each element on the page should have some purpose, you don’t need to add them just so that they are. What is the purpose of the phone icon in this case? Here it is already clear that +7 495 ... is a phone. That is, an icon explaining what it is is not needed here (if there was a nickname with a dog, then an instagram or twitter icon could be added to make it clear what it refers to, but a phone is a universal thing). If there is nothing in the header besides the logo and the phone, then the icon that helps to find something on the page is also not needed here (well, that is, a bright bold inscription is already striking). In terms of correcting the composition, it is also not entirely clear whether it is needed there (sometimes icons can balance the negative space, but here the luminous thing is more likely to break it).