Smirator, не совсем, [0,1,2,3] просто выберет первые 4 элемента. Надо бы пройтись по ним, скажем, в цикле, и проверить каждый, пустой он или нет, и в зависимости от этого навешивать класс.
Чтобы дать точный ответ, хорошо бы увидеть воспроизведенный кусочек на codepen.io или аналогичном сервисе, но так, навскидку: родителю сказано стать флекс-контейнером, а у детей флекс-контейнера по умолчанию flex-shrink: 1, т.е. они могут сжиматься, подстраиваясь под родителя, чтобы уместиться в него.
getElementsByClassName('calculator-value')[0]
Эта часть строки выбирает первый элемент из списка элементов с классом .calculator-value.
Соответственно, вместо [0] следует выбирать незаполненные элементы.
Если честно, сложно представить ответ, чтобы у вопрошающего от него всё пропало. Ну не растянется, скажем, у него блок во всю ширину страницы, как он хотел - попробует что-нибудь еще ^^
Ну, пусть будет так. Вопрошающий доволен, отвечающий тоже, а вот потомки не очень - неудобно искать. Вот почему я этим озадачен. Q&A вроде как нужен не только и не столько для того, чтобы помочь одному конкретному человеку, но и для того, чтобы в будущем последователям проще жилось?
Такой вариант развития событий мне совершенно понятен, я больше про те случаи, когда в комментарии пишется самый настоящий ответ, т.е. даже кусок готового исправленного кода, например.
У меня на старом мониторе появились горизонтальные полосы ближе к низу, возникло это после того, как подруга поливала цветы и капнула на вентиляционные отверстия водой. Как-то исправлять не пытался, но сомневаюсь, что можно было что-то легко сделать.
DmitrijP, мне нужна не просто мобильная ширина вьюпорта, а сафариевский Webkit. Внезапно на нем страница может отображаться совсем не так, как на андроид-телефоне или десктопном браузере с открытым инспектором.
Алий Кунашев, веб-разработчик. Я какбе фуллстек на работе, но речь сейчас идет о тестировании фронтенда, поэтому не увидел смысла конкретизировать. А "посвежее", т.к. не на всех iPadOS можно установить.
NikMaster777, медиа-запросы в помощь. Применяйте эти стили, которые я написал, только до того момента, как ширина экрана не будет уменьшаться до появления мобильного меню.
