painmaker

Геннадий Уваров, чтобы это сделать, вам нужно добавить в head страницы теги:

<meta property="og:title" content="">
<meta property="og:site_name" content="">
<meta property="og:url" content="">
<meta property="og:description" content="">
<meta property="og:image" content="">

Далее нужно каждому мета-тегу заполнить параметр content=""

За что отвечает каждый тег:
og:title - заглавие страницы, он же тайтл. Можете скопировать из тега title.
og:site_name - название сайта.
og:url - ссылка страницы, где вы добавляете этот код. Если это однастраничник, то это просто ссылка на главную сайта. Если сайт на CMS или самописный и у него много страниц, то вам придется для каждой указать свой тег, со своей ссылкой.
og:description - описание страницы. Можете скопировать из тега description для страницы, на которую добавляете теги.
og:image - ссылка на картинку, что характеризует страницу. Можете указать ссылку на лого сайта, или нарисовать конкретную картинку для этих целей.

Нет в сети, потому что просто

<div class="menu">
  <div></div>
  <div></div>
  <div></div>
  <div></div>
  <div></div>
  <div></div>
  <div></div>
  <div></div>
  <div></div>
</div>

.menu {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(3, 1fr);
}

.menu div {
  border: 1px solid lightgray;
}

Можно даже еще круче сделать, как у вас в примере, без внешних рамок:

.menu {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(3, 1fr);
}

.menu div {
  border-top: 1px solid lightgray;
  border-right: 1px solid lightgray;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  // добавляете в див иконку и текст, все само встанет как надо
}

.menu div:nth-child(-n+3) {
  border-top: 0;
}

.menu div:nth-child(3n) {
  border-right: 0;
}

У тебя могут спросить совершенно разные задачки, из того что мне приходит в данный момент в голову:
- расскажи какие значения свойства position, display ты знаешь
- способы выравнивания элемента по центру

- как работает this в javascript
- как работает прототипное наследование в javascript
- generators, async/await, promises, setTimeouts, что из них раньше выполнится и т.п., расскажи про микротаски
- variable hoisting

- расскажи про HoC, что это такое, где используется
- расскажи про render props
- расскажи про portals
- расскажи про context api
- react component lifecycle hooks
- что такое middlwares, какое у них в принципе назначение, какие знаешь, какими пользовался
- как можно уменьшить количество ререндеров, какие способы оптимизации ты знаешь

- CORS - ?
- ФП vs ООП сравнение, их особенности и сильные/слабые стороны
- composition vs inheritance
- различные вопросы по паттернам, например рассказать про observer, как это работает концептуально
- расскажи про пирамиду тестирования

т.е. обычно идут вопросы в основном на поговорить, чтобы понять что из себя представляет собеседник, ведь на один и тот же вопрос можно ответить совсем по-разному :)