Как создать таблицу с произвольным размером ячеек?

я дополнил вопрос примером

все равно ничего не понятно.
Это просто несколько таблиц на простыне (хоть простой html с абсолютным позиционированием).
Вот на plantuml можно вот такое, например, сделать

Как создать таблицу с произвольным размером ячеек?

А вообще для создания схем есть https://plantuml.com/ru/

Как создать таблицу с произвольным размером ячеек?

А чем svg не устраивает?

Как лучше всего сверстать такие блоки?

отвратительно. почему все скругления и промежутки разные?

Предоставляют ли ит отсрочку при разных местах работы?

yaroslam, https://ru.wikipedia.org/wiki/%D0%AE%D1%80%D1%8C%D...

подробнее https://habr.com/ru/news/829152/
с 24.07 по 06.08 надо подать заявление на отсрочку на год. При этом надо работать в одной аккредитованной компании более 11 месяцев. Получается у специалиста есть совсем маленькое окно, когда можно поменять работу для сохранения отсрочки на следующий период.

Изучение vue без хорошего знания JS?

На всех, и на vue просто в 1 файле сделал разметку с css и используешь в других страницах, а в HTML нужно копировать html и переносить, что не особо нравится.

Надо начать с основ и того, как эту проблему решали сначала (SSI, php) и как сейчас (куча вариантов и без js, например различные системы сборки типа gulp)

А вообще "попробовать себя во front-end" без js невозможно

Как сделать так, чтобы имя было под id?

Кажется, нужно смотреть в сторону subgrid, но проще поменять разметку, конечно.

Как расположить элементы как на картинке?

Ну либо менять разметку, сделав два флекс элемента-столбца с содержимым. Но тогда нарушится accessibility, сначала будут все заголовки, а потом все значения. + Артефакты при недостатке ширины.

Как расположить элементы как на картинке?

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

Как расположить элементы как на картинке?

Владислав Андреев, например можно у ul указать display: table, у li - table-row у h3 и p - table-cell если саму разметку прям вообще не хочется менять

Как расположить элементы как на картинке?

тут нужен не флекс а грид или таблица

Как найти нужное значение в gap?

San Manjiro, уменьшается, см. пример в ответе

Как найти нужное значение в gap?

minmax(290px, 435px)?

Почему ref не требует обращение к value?

Кирилл Щевелев, this.enemies.value.push(new Enemy()), реактивность и так будет

Почему ref не требует обращение к value?

Мне кажется дело в механизме прокси vue, когда оно при присваивании ref внутрь ref убирает один уровень. Я бы делал не

class Enemy {
  x = ref(0);
  y = ref(0);
  hp = ref(100);
}

а

class Enemy {
  x = 0;
  y = 0;
  hp = 100;
}

и ref(new Enemy()) для одного объекта и this.enemies.value.push(new Enemy()) (как и сейчас) для массива.

В laravel app.js функция require('./bootstrap')?

Сергей delphinpro, не всегда. И не пример, а инициализация.

В laravel app.js функция require('./bootstrap')?

Кажется, еще на $request->ajax() влияет.

В laravel app.js функция require('./bootstrap')?

Tereverda, ничего важного на самом деле. Немного влияет на редиректы в случае ошибок типа "401", но глобально и без этого все работает.

Как оптимизировать таблицу во vue.js?

зачем проверки при рендере label?
Затем нужно убрать @mouseover и @mouseleave сделать целиком на css - жить сразу станет легче. потом понять, зачем тут :id?
Потом можно уже переходить к реализации virtual scroll (для собственного развития) или взять готовое по поиску vue virtual scroll table например https://github.com/ntma/vue-virtual-scroll-table

Как сделать так, чтобы intelephense не ругался на Auth::user()->save()?

Сергей delphinpro, ларчик просто открывался - надо хинты в /** **/ класть, а не в /* */