Why is there spacing between elements?

Question

System administration

I can not find the cause of the curved display in any way.
1. Why is there a space between the .logo and .search elements? After all, they are supposed to go exactly one after another.
2. Why is the .search element offset from the top of the page?
And how to fix it all? I can’t even find the cause of the conflict in DevTools, but everything should be simple (already 20 times I did the same thing and again the problem).
codepen.io/dhatt/pen/yaJqJP

Answer 1

Sorry for the stupor. The problem was in the LAN firewall, not the web server.

Answer 2

The server may be listening for a connection on 127.0.0.1, see the output:
netstat -na | grep :25
should be
0.0.0.0:25
or
xxx.xxx.xxx.xxx:25
if
127.0.0.X:25 - then you need to look at the service.

Answer 3

Here you are using, display: inline-block;respectively, everything works as a built-in element.