JSFiddle - React, Tailwind, and code Playground

HTML

<div class="mainGrid"></div>

JavaScript

var msg = [{Name: 'name', Description: '&lt;p&gt;50 Roses in a Heart Shape&lt;span style=&quot;font-family: Arial, Helvetica, sans-serif; line-height: 15px;&quot;&gt;; Make your recipient the princess of the day with this lovely and luxurious bouquet.&lt;\/span&gt;&lt;\/p&gt;\u000d\u000a', Price: 'price'}];
$.each(msg, function (index, table) {
    var div = $('<div class="ui-block-c">');
    var data = $('<div class="ui-body ui-body-d">');
    data.append('<h4>' + table.Name + '</h4>');
    var description = ($('<div>').append(table.Description)).text();
    data.append(description);
    data.append('<img src="img/pink coral roses.jpg" alt="" style="width:100%;">');
    data.append('<p>' + table.Price + '</p>');
    data.append('<button class="ui-btn ui-btn-inline">Add To Cart</button>');
    div.append(data);
    $('.mainGrid').append(div);
});