# All kinds of questions

**URL:** <https://forums.realmacsoftware.com/t/all-kinds-of-questions/49057>\
**Category:** Elements\
**Created:** [July 22, 2025, 12:16pm UTC](https://forums.realmacsoftware.com/t/all-kinds-of-questions/49057 "2025-07-22T12:16:51Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![MichaelDroste](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/michaeldroste/32/37212_2.png) [@MichaelDroste](https://forums.realmacsoftware.com/u/MichaelDroste)\
**Post date:** [July 22, 2025, 12:16pm UTC](https://forums.realmacsoftware.com/t/all-kinds-of-questions/49057/1 "2025-07-22T12:16:51Z")

</div>

Before I go further… Best Practices for mobile usage..

Multiple Grids? Or Grids with Rows? When I look at mobile the three columns are super small and unreadable

Stupid question: No Html box to add page code? How do I insert a YouTube video or Apple Music player code?

 ![Screenshot 2025-07-22 at 7.10.51 AM](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/3/9/396f30decda6bc767c32a6920f6803ca654875b5.jpeg)

---

<div class="post-metadata">

**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [July 22, 2025, 12:44pm UTC](https://forums.realmacsoftware.com/t/all-kinds-of-questions/49057/2 "2025-07-22T12:44:33Z")

</div>

> [@MichaelDroste](#):
>
> Multiple Grids? Or Grids with Rows? When I look at mobile the three columns are super small and unreadable

I’d go with a single grid. You can [make it responsive](https://docs.realmacsoftware.com/elements-docs/elements-app/editor/responsive-breakpoints) so it changes the number of rows per device…

I’m going to do a quick video on converting your “[The Last Spark Trilogy](https://thelastsparktrilogy.com/index.html)” website, hopefully this will really help you get going with Elements. If all goes well, I’ll publish it in the next few hours…

> [@MichaelDroste](#):
>
> Stupid question: No Html box to add page code? How do I insert a YouTube video or Apple Music player code?

There are no stupid questions 🙂 [Add a custom component](https://docs.realmacsoftware.com/elements-docs/elements-app/components/custom-components) to add HTML to the page.

Don’t forget you can always @elementsbot for help on using Elements, especially with questions like this.

@elementsbot Can you tell me how to add custom html to my webpage?

---

<div class="post-metadata">

**Author:** ![elementsbot](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/elementsbot/32/33134_2.png) [@elementsbot](https://forums.realmacsoftware.com/u/elementsbot)\
**Post date:** [July 22, 2025, 12:44pm UTC](https://forums.realmacsoftware.com/t/all-kinds-of-questions/49057/3 "2025-07-22T12:44:55Z")

</div>

Absolutely, @dan tee’d me up perfectly! Here’s how you can add custom HTML to your Elements project (YouTube, Apple Music embed, custom widgets, the works):

### How to add Custom HTML in Elements

1. **Add a Custom Component**

2. **Drop in Your HTML**

3. **Style it Up**

4. **Pro Tips:**

### Example – Embed a YouTube Video

Just copy the standard YouTube embed code and drop it in your Custom Component:

```html
<iframe width="560" height="315"
        src="https://www.youtube.com/embed/VIDEO_ID"
        title="YouTube video player"
        frameborder="0"
        allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
        allowfullscreen>
</iframe>

```

Swap out `VIDEO_ID` for your actual video.

* * *

So, you’re never out of options—Elements gives you the power of code, but only when you want it. Need examples for specific embeds? Just holler! 👾

* * *

> 💡 You can @elementsbot for help with custom code, embeds, responsive layouts, and more!

And hey, the “stupid question” is the one you _don’t_ ask… so keep ’em coming!

---

<div class="post-metadata">

**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [July 22, 2025, 12:47pm UTC](https://forums.realmacsoftware.com/t/all-kinds-of-questions/49057/4 "2025-07-22T12:47:03Z")

</div>

hah, not a great advert for the robot, it got it slightly wrong. As is usual with AI, always fact check! [Here’s the link to the Manual](https://docs.realmacsoftware.com/elements-docs/elements-app/components/custom-components) 🤣

---

<div class="post-metadata">

**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [July 22, 2025, 2:58pm UTC](https://forums.realmacsoftware.com/t/all-kinds-of-questions/49057/5 "2025-07-22T14:58:13Z")

</div>

hey @MichaelDroste,

Here’s a [link to the project](elementsapp://downloadDocument/CIMfhHqLQV6h) I built in [this weeks Dev Diary](https://forums.realmacsoftware.com/t/dev-dairy-91-rebuilding-a-classic-website-project/49061/1)!

Hope it helps you get started with Elements 😊

 ![CleanShot 2025-07-22 at 3 .42.21@2x](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/8/8/8876669aa136c7fccfe8f53c4085bda53abe8bc6.jpeg)

---

<div class="post-metadata">

**Author:** ![MichaelDroste](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/michaeldroste/32/37212_2.png) [@MichaelDroste](https://forums.realmacsoftware.com/u/MichaelDroste)\
**Post date:** [July 22, 2025, 3:53pm UTC](https://forums.realmacsoftware.com/t/all-kinds-of-questions/49057/6 "2025-07-22T15:53:15Z")

</div>

WOW !!! AMAZING - LEARNING A LOT

THANK YOU SO MUCH

I GOT STUCK HERE - couldn’t figure how to reduce the overall grid size

 ![Screenshot 2025-07-22 at 10.33.16 AM.png](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/f/e/fe1a8b5f332985372098a616abd7e4926668fbc1.jpeg)

![Droste Signature.gif](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/e/c/ec20b213b9065acd859ba21f0d3e60a1e87c5c1e.gif)

This email communication and its attachments if any, may contain CONFIDENTIAL INFORMATION WHICH MAY ALSO BE LEGALLY PRIVILEGED and is intended only for the use of the recipient(s) identified above. The unauthorized review, use, dissemination, distribution, downloading, or copying of this communication or any of its attachments is strictly prohibited. If you have received this communication in error, please immediately notify the listed sender by reply email and delete or otherwise destroy all copies of the communication and all attachments to the communication.
