[{"id":862,"created_at":"2025-10-10T11:25:57.472924+00:00","html":"

Give names to classes according to BEM methodology

\n\n

Requirements:
\n 1) The \"Add to cart\" button may be reused in other places (e.g. product list, recommendation section)
\n 2) The price may have a \"discount\" style variant
\n 3) The favorite icon may be toggled on/off visually
\n

\n\n

\n $\"Product$ \n\n

Product Name

\n\n

Short product description goes here.

\n\n

Old price $69.99

NEW price $49.99!

\n\n \n\n \n

\n\n\n\n\n\n\n\n\n\n\n\n\n","css":"article {\n border: 1px solid #ccc;\n padding: 1em;\n max-width: 300px;\n}\n\nbutton {\n border: none;\n background: none;\n width: 40%;\n cursor: pointer;\n}\n\nimg {\n max-width: 100%;\n display: block;\n}\n\n\n\n\n\n\n\n\n\n\n\n\n","js":"// code here","user_id":"c792adbb-5a22-4783-8680-c5f3ea7e2214","project_key":"ZKsXA6","description":"Detyra 7","plugins":null,"public":true,"config":{"tags": [], "cssProcessor": false},"tags":[],"hide_js":false,"hide_css":false,"messages":"[{\"messageId\":\"DEVCANVAS_INITIAL_MESSAGE\",\"role\":\"user\",\"content\":\"This is my current code\"},{\"messageId\":\"DEVCANVAS_INITIAL_CODE\",\"role\":\"user\",\"content\":\"\\n\\t\\n\\n\\t\\n\\t\\t\\n\\t\\t\\n\\t\\tDetyra 7\\n\\t\\t\\n\\t\\t\\n\\t\\t\\n\\t\\t\\n\\t\\t\\n\\n \\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\n \\n\\t\\n\"}]","view":[{"views":2}],"profiles":{"username":"ArberD"}}]