Подготовка к интервью
Разбирайте реальные вопросы, сверяйтесь с подробными ответами и готовьтесь по технологиям и компаниям.
Проверьте, насколько резюме подходит выбранной позиции, и получите рекомендации по улучшению.
Каталог
Преимущества CSS Grid и Flexbox CSS Grid — мощный двухмерный инструмент для построения интерфейсов Позволяет одновременно управлять строками и колонками Оптимален для сложных макетов с фиксированной или адаптивной сеткой
Читать ответCSS-способы скрытия элементов и их последствия opacity: элемент становится визуально невидимым, но сохраняет место в потоке и может получать события (при прозрачности) visibility: hidden: элемент не виден и недоступен…
Читать ответCSS-позиционирование: абсолютное позиционирование Сочетание top: 50% и left: 50% помещает элемент в точку с такими координатами относительно родительского контейнера однако привязывает к этой точке угол элемента, а не…
Читать ответUI-библиотеки или собственный CSS Выбор делаю с учётом особенностей проекта и его требований UI-библиотеки позволяют быстрее разрабатывать интерфейсы, используя готовые компоненты и поддерживая единообразие UI…
Читать ответКак Flexbox работает с осями и чем он лучше float? Flexbox — гибкий контейнер для выравнивания и распределения элементов В нём выделяют две оси: main axis (по умолчанию горизонтальная) и cross axis (перпендикулярная…
Читать ответКак flex-direction определяет направление работы justify-content и align-items Свойство flex-direction определяет основную ось flex-контейнера доступные значения: row (горизонтальное направление), column…
Читать ответКонтекст: CSS-позиционирование и флексбокс Центрирование с помощью Flexbox: родительский элемент: display: flex; justify-content: center; align-items: center; элемент выравнивается по центру сразу по обеим осям Другой…
Читать ответКак работает position: sticky и в какой момент элемент "отклеивается"? CSS-свойство для позиционирования, которое частично фиксирует элемент До достижения установленной границы прокрутки элемент ведёт себя как…
Читать ответКак свойство box-sizing: border-box рассчитывает размеры элемента? CSS-свойство, определяющее модель коробки объединяет content + padding + border в заданной ширине и высоте сохраняет итоговый размер элемента в…
Читать ответКак эмулировать position: sticky при отсутствии поддержки CSS не предлагает прямой fallback без JavaScript Применять отслеживание прокрутки через JS с помощью события scroll Определять положение элемента относительно…
Читать ответОсновные значения display CSS-свойство, определяющее способ отображения элементов block: занимает всю доступную ширину и начинается с новой строки inline: размещается в одной строке и имеет ширину по содержимому…
Читать ответGrid и Flexbox: задачи, для которых нужен Grid Двумерное позиционирование Grid одновременно размещает элементы по строкам и столбцам, тогда как Flexbox работает только в одном измерении — вдоль строки или столбца.
Читать ответ