С помощью каких технологий верстал

«С помощью каких технологий верстал» — вопрос из категории CSS, который задают на 10% собеседований Frontend Разработчик. Ниже — развёрнутый ответ с разбором ключевых моментов.

Ответ

HTML, CSS, JavaScript — базовый стек. Для адаптивности — Flexbox, Grid, медиазапросы. Препроцессоры (SASS/LESS) для удобства стилей.

Фреймворки:

  • React/Vue/Angular для сложных SPA
  • Bootstrap/Tailwind для быстрого прототипирования

Пример адаптивной верстки:

.container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 20px;
}

@media (max-width: 768px) {
  .menu { flex-direction: column; }
}

Для оптимизации: BEM, CSS-модули, критический CSS. Инструменты: Figma/Photoshop → HTML/CSS.