Почему у меня не получается выровнять вертикально по центру фотографию и кнопки в шапке сайта?

Для выравнивания элементов по центру вертикали в шапке сайта можно воспользоваться несколькими способами в зависимости от структуры HTML и CSS вашего сайта. Вот несколько методов, которые вы можете попробовать:

1. Использование Flexbox:
Flexbox - это мощный инструмент CSS, который позволяет легко управлять распределением элементов в контейнере. Для центрирования элементов по вертикали внутри шапки сайта вы можете использовать следующий CSS код:

.header {
  display: flex;
  align-items: center;
}

Где `.header` - это класс вашего контейнера, в котором находятся фотография и кнопки. Этот код выровняет элементы по вертикали внутри контейнера.

2. Использование позиционирования:
Для более старых браузеров или в случае, если вы не хотите использовать Flexbox, вы можете воспользоваться позиционированием элементов. Вот пример CSS кода:

.header {
  position: relative;
}
 
.logo, .buttons {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

Где `.logo` и `.buttons` - это классы вашей фотографии и кнопок соответственно. Этот код также поможет выровнять элементы по центру вертикали.

3. Использование таблиц:
Еще один способ - использовать таблицы для размещения элементов. Вот пример HTML и CSS кода:

```html

```

```css
.header {
display: table;
height: 100px; /* задайте нужную высоту вашей шапке */
}

table {
display: table-cell;
vertical-align: middle;
}

.logo, .buttons {
text-align: center;
}
```

Выберите подходящий метод в зависимости от структуры вашего сайта и требований к кросс-браузерности. Надеюсь, эти рекомендации помогут вам решить проблему с выравниванием элементов по центру вертикали в шапке сайта.