Логотип

logo
HTML
<a href="/" class="logo-box">
  <img src="https://kak-eto-verstat.ru/wp-content/uploads/2025/07/logo-pl.png" alt="logo"> 
</a>
CSS
.logo-box {
  width: 100%;
  max-width: 150px;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (max-width: 500px) {
  .logo-box {
    max-width: 100px;
  }
}

Как сверстать логотип для сайта на HTML, CSS

Пример кода для создания элемента логотипа для сайта на HTML, CSS. Логотип является ссылкой и ведет на главную страницу сайта.

Особенности:

  • Адаптация под разную ширину экранов
  • Простой, читаемый и легковесный код
  • Код подходит для доработки и модификации под ваши задачи
  • Совместим со всеми современными браузерами