Это высота блока

515 px

точно!

Кто делал для интернет магазина верстку с frontend-ом или просто frontend? Как лучше делать вывод много таких подобных блоков :

<div style="height:100px; width:100px; float:left; text-align:center;">
            <img id="img" style="object-fit:cover; height:100px; width:100px; background-size:cover;"></img>
            <p id="name_p"></p>
            <p id="price_p"></p>
          
</div> 

???

Суть такая : делаю верстку, к ней добавляю js с ajax+json, подключаю php+pdo и работаю через Сортировку(sort by:  так или так отсортировать).

Думал что можно создавать через JS для каждого товара, который выводится отдельно выше указанный код. Но решил подумать еще какие варианты есть.

На style не обращайте внимание особо.

<div style="height:100px; width:100px; float:left; text-align:center;">
            <img id="img" style="object-fit:cover; height:100px; width:100px; background-size:cover;"></img>
            <p id="name_p"></p>
            <p id="price_p"></p>
          
</div> 

Через class

JS Class?

Да, создай конструктор, и через цикл выводи

В классе описываешь все действия, метод который рендерит это в дом дерево с нужными давними

Не совсем понял

последнее

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

Ты получаешь данные в массиве, и тебе надо вывести это все в UI?

А тут же я буду получать из php дату + ссылку для img

Это лучше всего сделать через Class. Ты туда можешь передать нужные тебе параметры и потом обработать их

Через ajax запрос идет на backend и backend формирует ответ и отдает в json обратно в js. Доступ там через obj.data1 obj.data2 итд.

Ну и отлично

мне приходит простыня текста с разделителями ::: что это за формат данных такой? На джейсон не похоже

еще вот такое встречается :::;;;