<?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/40875de869eb4806b8b4f71e73dd624b&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/40875de869eb4806b8b4f71e73dd624b-d74d0f238262ada0.gif</thumbnail_url><duration>116.546</duration><title>Optimizing UI Components and Drop Zones for Better Layouts 🎨</title><description>In this video, I provide a quick demonstration of the layout of my page, which includes a container called ABU that holds various repeating sections with cards and items. I highlight an issue with a blank section where drop zones are visible, but I cannot edit them at this level due to their component hierarchy. I am looking for a way to hide these non-editable drop zones to simplify the interface. If anyone has suggestions on how to achieve this, I would greatly appreciate your input. Thank you!</description></oembed>