G F

Вэб-дизайнер должен понимать как типографика работает в вэбе. Есди он что-то там нашаманил левого в своём фотошопе - это его косяк, пусть переделывает. Вот и всё, собственно.
Это если разница велика. Если разница полупиксельная - то это нормально, шрифты по разному рендерятся как в разных браузерах, так и в разных OS.

private static string[] _elementNames = new[] { "SiO2 (β-кварц)",  "and", "more"};

....

if (_elementNames.Contains(name))
{
    if (curTemp <= 846.15)
    {
        h = -217.75F; 
        s = 10F;
        a = 11.22F; 
        b = 8.2F; 
        c = -2.7F;
    }
    else if (....) { ....}
    ....
}

если нужно сделать читабельней именно этот кусок - можно сделать как-то так

Собираете все в объект, попутно складывая цены, а потом из него получаете массив ключей и массив значений

const obj = name.reduce((agg, v, ind) => {
  agg[v] = (agg[v] || 0) + price[ind]
  return agg
}, {})

const nameNew = Object.keys(obj)
const priceNew = Object.values(obj)

или слабочитаемый, но зато однострочный вариант с lodash

const [nameNew, priceNew] = 
  _.unzip(
    _.toPairs(
      _.groupBy(
        _.zip(name, price).map(([name, price]) => ({ name, price })), 
        'name'
      )
    ).map(([name, prices]) => [name, _.sumBy(prices, 'price')])
  )

Прежде чем задавать подобные вопросы, было бы неплохо ознакомиться с предметом
frontender.info/es6-in-depth-iterators-and-the-for...
Глядишь, и вопрос бы отпал сам собой...

это норма :)
открой эту вкладку консоли разработчика на фейсбуке, посмотри как любой самый маленький компонент вложен в сотню врапперов



это один комментарий к посту (юзернейм, юзерпик, лайк, время), всё дерево компонентов не влезает на один экран

нужно или осваивать верстку, либо забить и использовать бутстрап или еще что-то из аналогичных решений
Ни грид ни флекс тебя не спасут от дальнейших проблем
нужны основы

Мечтаю создать свой собственный проект

Забудь, ты опоздал лет на 20, время одиночных проектов ушло в историю. Сейчас любые проекты делаются командами, у которых есть инвесторы и четкий бизнес-план.

Когда я был студентом, в начале 2000-х, в интернете были веб-сайты, которые делали люди-одиночки и эти сайты были весьма популярны, это был восход одиночных проектов на хтмл4 и пхп4. Сейчас добиться с такими же трудозатратами хотя бы доли той аудитории нереально.

чтобы этот проект был направлен на общество, ну что-то вроде социальных-сетей, т.е. чтобы с этим непосредственно работал человек, это было трендом и тп

в любом трендовом проекте, если ты туда когда-либо попадешь (что не факт) ты будешь простым исполнителем, винтиком. Поэтому

не очень хочу программировать станки на заводе

звучит очень высокомерно. Как раз на программирование столь серьезных вещей и стоит попасть, ибо это, в отличие от бесчисленных соцсетей, стартапов и пр мусора, приносит реальную пользу.

Есть идея по создании социальной сети

1. ты ее не сделаешь в одиночку
2. если сделаешь, то не скоро и очень криво
3. она не нужна никому, людей уже тошнит от соцсетей

можете посоветовать, что делать

перестать рассматривать эту сферу с инфантильной позиции, что ты какой-то уникальный человек, который сейчас выучится, придёт в профессию и перевернет мир, а работа твоя будет пестрить яркими красками.
Нет.
Реалии работы разработчика другие.
Совсем.
Тебя ожидает трекер с задачами, какой-нибудь проект с кучей кода (дай бог, что бы не древний как авно мамонта), в котором ты будешь копаться, пока не сломаешь мозги.
И так несколько лет.

Напротив, в случае SPA лучше как раз применять css modules, css-in-js и прочие подобные решения. БЭМ будет выглядеть, как сова на глобусе просто потому, что вы не сможете сделать более-менее сложную структуру блоков, элементов и модификаторов, не размазав один и тот же блок по нескольким компонентам (которые будут элементами).

Вместо этого, когда каждый компонент отвечает только сам за себя, вы всегда будете знать, что стили, влияющие на этот компонент, находятся в нем самом же.