Во-первых, измените размер шрифта в нижней строке.
Во-вторых, подвиньте нижний текст куда нужно. Сделать это можно множеством вариантов. Вертикальным флексом и space-between, марджином, трансформом и т.д.
Ваш код оформляйте в песочницу jsfiddle.net или codepen.io
Denioo, судя по картинке колонок там явно не 7. И почему-то столбцы в 2fr по ширине равны столбцам в 1fr.
А что с выравниванием во второй строке я вообще слабо представляю.
В разметку добавляете тег с классом или id.
И в этот тег добавляете текст.
Либо ищете какой-то существующий тег и до/после него вставляете тег и текст.
Почему раньше вы задавали одним блокам display inline-block, другим block, какие-то оставались инлайновыми. Потом добавили к ним еще flex. Почему теперь вдруг нельзя туда же добавить grid?