<?xml version="1.0" encoding="UTF-8"?><oembed><type>video</type><version>1.0</version><html>&lt;iframe src=&quot;https://www.loom.com/embed/ad165a9c45754eeea9c1753a6ebf53de&quot; frameborder=&quot;0&quot; width=&quot;1920&quot; height=&quot;1440&quot; webkitallowfullscreen mozallowfullscreen allowfullscreen&gt;&lt;/iframe&gt;</html><height>1440</height><width>1920</width><provider_name>Loom</provider_name><provider_url>https://www.loom.com</provider_url><thumbnail_height>1440</thumbnail_height><thumbnail_width>1920</thumbnail_width><thumbnail_url>https://cdn.loom.com/sessions/thumbnails/ad165a9c45754eeea9c1753a6ebf53de-1bfc3242d9ebbf5b.gif</thumbnail_url><duration>169.2939</duration><title>Creating Custom Elements with Class Properties in Web Development 🎨</title><description>In this video, I demonstrate how to create and manipulate class properties within a custom element structure. I specifically focus on applying a class to the outer wrapper and a separate class to the heading element, allowing for distinct styling without affecting other components. I also introduce a new class called &apos;wrap class&apos; to add padding and show how it impacts the layout. Additionally, I apply a color class to the heading to enhance its appearance. Please take a moment to replicate this setup in your own projects for better control over styling.</description></oembed>