Edward Gricc

const A = {
  B1: {
    C1: {
      D1: [
        "значение конечного D в этом примере масив но ты можешь вствыить что угодно если нужно продолжить дерево то используй обьект а не массив либо делай вложенные масивы во вложенные массивы но это не совсем удобно при обращении",
      ],
      D2: {},
      D3: {},
      D4: {},
    },
    C2: {
      D1: {},
      D2: {},
      D3: {},
      D4: {},
    },
    C3: {
      D1: {},
      D2: {},
      D3: {},
      D4: {},
    },
  },
  B2: {
    C1: {},
    C2: {},
    C3: {},
  },
};

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

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

точно не могу сказать однако направление дам у dom elements есть те свойства по типу left и можно отслеживать по положению или приконавению основываясь на границах блоков посмотрите видео про динозавра на канале vova dew там ковено происходит это отслеживание

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

тому что получилось text-align: center или по основной линии флекса выравнивай если у flex direction row иначе по вспомогатьельной по умолчанию стоит row

Для многострочного ввода используется тег textarea. подумайте в этом направлении. если всё не нашли решение.

Вы можете использовать Grid или FlexBox, почитайте об этих технологиях и примите решение что для вас предпочтительнее, от себя могу посоветовать пройти мини игру для понимания работы FlexBox flexboxfroggy.com/#ru