Встречается на собеседованиях • сегодня
Как над элементом слева спозиционировать круг с количеством ошибок
Для позиционирования круга с количеством ошибок слева от элемента можно использовать CSS. Вот пример:
```html
3
```
```css
.error-container {
position: relative;
display: inline-block;
}
.error-badge {
position: absolute;
left: -15px;
top: -10px;
width: 20px;
height: 20px;
border-radius: 50%;
background-color: red;
color: white;
display: flex;
align-items: center;
justify-content: center;
font-size: 12px;
}
```
Ключевые моменты:
- Используем `position: relative` для контейнера
- Для круга применяем `position: absolute` и смещаем влево через `left`
- Делаем круг через `border-radius: 50%`
- Центрируем текст в круге с помощью flexboxЭлемент с ошибками

Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
офферы быстрее!
Попробовать бесплатно
Следующий вопрос
Это единственный вопрос по вашему фильтру
как отвечать на вопрос
пример собеседования
фреймворки на собеседовании
типичные вопросы junior
интервью вопросы и ответы