{"type":"video","version":"1.0","html":"<iframe src=\"https://www.loom.com/embed/ad165a9c45754eeea9c1753a6ebf53de\" frameborder=\"0\" width=\"1920\" height=\"1440\" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>","height":1440,"width":1920,"provider_name":"Loom","provider_url":"https://www.loom.com","thumbnail_height":1440,"thumbnail_width":1920,"thumbnail_url":"https://cdn.loom.com/sessions/thumbnails/ad165a9c45754eeea9c1753a6ebf53de-1bfc3242d9ebbf5b.gif","duration":169.2939,"title":"Creating Custom Elements with Class Properties in Web Development 🎨","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 'wrap class' 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."}