Подкорректируйте код (я только месяц в JS, это еще не мастер) и добавьте плз так чтобы у каждого ID был массив серверов по их ID, а в нем уже "инвентарь"
css фреймвроки нужны чтоб по быстрому набросать прототип, без какого либо дизайна
В реальных проектах с проработанными дизайн макетами css фреймворки не используются. А если используются, то дизайн макет должен быть полностью адаптирован под этот самый фреймворк
Именно в этом случае гриды не нужны. Гораздо разумнее и семантичнее разбить на два блока внутри одного общего и в общем блоке флексами расположить два блока горизонтально
localstorage, как советовали выше не нужен. Просто напишите функцию которая будет возвращать разницу между нужной датой и текущим временем - это и будет ваше время до события