Александр Лысенко

Как исправить: стереть этот кусок и набрать заново (лучше всю строку, для надежности).

Что это было: скорее всего вы копировали откуда-то текст и там были управляющие символы, типа такого. Или случайно(?) нажали какой-то хоткей в вашем редакторе, который вставляет подобные спецсимволы.

В юникоде есть много загадочного, но не стоит вскрывать эту тему. Вы молодые, шутливые, которым все легко. Вот сто раз наверное это уже говорили, но не раскачивайте лодку. Потому что если раскачаете, то будет плохо, и плохо будет всем. Сюда лучше не лезть. Это не то. Это не Чикатило и даже не архивы спецслужб. Есть система, которая реально работает, не нужно ломать эту систему. По̶̩̱̞т̪̰͍̹͠о̶̻͎̞̙м̠̺у͏̣̪̹͍̱̦ ͇̜͡чт͖͈̱̲͉͡о̗͖̙͍̱ ̧̰ͅпоследствия бу̣̗̯̕д̷͚̙̫̝у̵͍̪т̦̤̼̮ ̳̤̫̖̱с̷̹̳̹̭̜̯̳а̹͝м̢ы̠̮̖м̻̫̝͝и͓̲ ͈͈печальными.̜͍̜̭̖ ͚̜Я͘ ҉в̧̰п̥͈̱̼͖о͔̰͘л̬̦н̵̱̮͙̗͔̹е̪͎̖̰͇ ̡͇̻̖̪̙̣п̯̝̗̗̮̳͠о̼̦н͓̝͕̬̜ͅи̭͚̣̪͔͞ͅͅм͓̘͙͚͖а̺ю͔̲̝͚ ̦̳͜ч͖͖ͅͅт̦̻̯̮̘о͉̖͓͍̫ ̢̲̺͓д͔́а͇̦̻нны̲͕̺̞̙м ͔̭с̩̥̳̖̹о̧̩̘̲о̣̭͓͇̤б̮̺̗̻̣̭͖щ̮̠̲͉̱͔ͅе͕̼͠н̰̘̗̜и̧е̰̦͚̪͔м̮̼̺̺̦̗͜ ̡̙͔͕в̮̗̫ы̴͖̱͙зо̗̬̖͇̼̠в̤̩̰̺͞у̕ ̤̫͙доп̢̭̙͉̝ͅо̳̯͇̙л̻͍͍͇̫̮̗н̶͎̹и̵̯̙т̥̣̠͈е҉̦̭̲л̧̭̱̦̫ь̶̞̭͈н͚̩̱ы͇̠̞̳͖̱й͎͔̠͢ ̛и̛̲̬͔̠̤н͙͙͉͈͉̩͚͟т̛͙͔̩̤͉е̪̝͟р͢е̭̥̲͚͘с̮͔̩̤̦̝,̩ н̹̬͉͖о ͇̺̘̪̫̮̭́х̪̤̼̬о҉̝̟͕̘ч̹̩̫̞͎̜̼у̵͎̻ ̣̗͖͠с͚р̨̝̙а̪̹̹͙ͅз͍͔̠͘у̨̰͙̯͇̗̳͇ ̴пр͕̠̟͘е͏д҉͈̯̭о̼̝̺̙̣с͡т̬͖̹̳̣̩̹͞е̫р̢̮͚͕̲̳͎̯е̡͇͕ч̮̯͍͙̹͢ь͍̩̫͎̞̺́ ̳̲̘̕п̴̼̬ͅы͍̗̲̰̠ͅт̵̩͙̤̺͔л̼͜ѝ̼̱̱в̟͕͖͕ы̵͈͚̲̲̜̟ͅх͓͈̼̮̟́ ̫–͍͓̙͍̞͖͘ ̩̜͎̯̤̦͢с̜͙̰̖то̻͕̤̩̯̗п̪̯͖̻͓̙̣.̬ ͉̱͢О͉̣̮̩̙с͖т̨а̯̖̣̝̗̹̙͝ль̙͉͙͘н̱ы̨̯̠̰̯е̷ ͚̖̳̻пр̪̱̺͍͘ос̺̳т̶͎̟̲о̧̦͇̪̳ ̗͚̤н̰͎͠е̶͇̬̜͎̬͚ ̼̣̗̰̠н͇а̰͚̼̀й̙̠̦д̟̭͕͉̣̜у͍͎̹͓͞ͅт̷̠ ̥͇ḥ̥̥̺̰̖̯́i͎̯̱̙͕̩v̤͔͈͈ͅe͕̤̩̦͉-̷͈̯͎͈͕̘ṃ̠̠͈̟̣͢i̥nd̤͍͍̳̟̝̟ ̶̟͇̘͎͔̼ͅo͕͠f͍͍̺̞͇ ̼̥̬͍̯c̴̠̤̜̞h͞a̤̤̣͙̭͓͜ơ̻s͢.̫̘ ̝͖͙͙ͅZ̫a̹̫̳̖̞̻͚l̩̞g͔̱͎̫̪͘o̵̪̜̗̩̺̜.̝̫͇͙͓̥̀ͅ
̹͍̭͓H̥̥͙̝e̯͙͢ ̬̰̗̯̬̟͜w͍͎̘͇͠ͅh͍͎̹̘͕͉o̳̥̞ ̢̭W͟a̰i͉ṱ͕̟̹͔̭ͅs̘̹ ̮̪̩͉̩̥B̭̼̗̖̙͉e̬h̟͙͓̜i̮̩̺̼̥n̲͢d̘̭͍̱̲ ͚̟̩̹̹͓̬̀T͈̥͠h͈͡e͏̣̪̣̯̳̥̰ ͠W̖̪̘͎͚͉a̶̦͖̰̙l̡̩̫l̗͘.̩̮
̜̞̠̼̼ͅZ̬͙̠̳͈̮A̫͖LͅG̘̣͇̰̗̪̬O̖͔̦̮̗!̲

а зачем js то ? css можно обойтись

codepen

.grayscale { 
     filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: url(grayscale.svg#greyscale);
    filter: gray;
    -webkit-filter: grayscale(1);
}

<fieldset>
  <legend>Текст</legend>
</fieldset>

На, интернет-магазин

Флексы туда вкрапляю по мере добавления чего-то нового, поскольку работаю с сайтом с зимы, пришёл "на всё готовое" . В основном, на небольших элементах типо кнопок, мобильном header, ... Хотя вообще, надо бы почти всё на них перевести тут.
Фидбек тут близок к моментальному и пока что "у вас тут что-то сломалось" не было

Кстати, прям на первом экране небольшая сеточка с флексами

1) https://codepen.io/LenskyUser/pen/LLPpxQ так
2) https://codepen.io/LenskyUser/pen/vZBzWY?editors=1100

Этот: ets.sourceforge.net?

1) Использовать json и не писать свой парсер.
2) Парсить строку функциями для работы со строками.
3) Попробовать себя в парсинге при помощи регулярного выражения.

Можно, и миксовать на одной dom-ноде тоже можно.

Тут смешалось два момента
Префикс l- он для классов, которые управляют расположением блоков на странице layouts
В его имени желательно указывать, где он находится

А вот для блока (префикс b-) важно указать его назначение

Причем префиксы стоит указывать, если проект находится в стадии миграции на BEM и имеет стили не в нотации BEM

.l-page
    .l-page__header
        .company__logo
        .site__menu