Я большой сторонник адаптивности на уровне компонентов, а не макетов, поэтому о таком компоненте я думаю только хорошее.
Но я бы предложил вам обратить внимание на редактуру. У вас можно написать вдвое меньше слов, и тогда переключалка будет влезать в более тесные экраны. Да и на широких людям будет проще читать:
Уведомления по почте / смс / телефону
Задумка классная, а с реализацией в вебе, кажется, можно задолбаться. Потому что в CSS нет средства наложить условие «если не влезает», есть только @media max-width и дальше эвристика «текст, отрендеренный нашим шрифтом и нашим размером, занимает столько‑то px в ширину», ломающаяся сразу, как только пользователь запретил браузеру качать внешние шрифты или поменял размер шрифта.
Юрий, на чистом КСС пока и правда нельзя, но это легко решается джаваскриптом. Вообще же адаптивность на уровне отдельных элементов уже неплохо реализуется всякими флексбоксами и гридами: https://css-tricks.com/…‑query‑less‑card‑component
Насколько эффективны манипуляции?
Нет доступа к камере
В каких случаях уместно писать только прописными?
Табличка Формулы‑1
Как оптимизировать процесс оценки текста и не задерживать выпуск?