# Design Challenge)

**URL:** <https://community.glideapps.com/t/design-challenge/55331>\
**Category:** Ask for Help\
**Tags:** custom-code\
**Created:** [December 2, 2022, 8:11am UTC](https://community.glideapps.com/t/design-challenge/55331 "2022-12-02T08:11:44Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![11183](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/11183/32/29797_2.png) [@11183](https://community.glideapps.com/u/11183)\
**Post date:** [December 2, 2022, 8:11am UTC](https://community.glideapps.com/t/design-challenge/55331/1 "2022-12-02T08:11:44Z")

</div>

Hi everyone👋

Yesterday’s evening I came up with an interesting idea. I’ve implemented dynamically changing font size based on the input phrase length. This effect can be used during onboarding session for example, when we ask our users to enter their names.

Now I wonder if there’s any chance to somehow hide the actual input field and set focus automatically to make seamless experience. It surely needs some CSS and I will try to achieve this, but also I’d like to share this and challenge you guys to try this. Because together we could generate much more ideas)

I’ll post the copyable app link below soon.

Here’s a short video:

> **[RPReplay\_Final1669967329.mp4](https://drive.google.com/file/d/1cI1WAT35RA6tAH3lDjczcW0gGf_sEMv-/view?usp=drivesdk)**
>
> Google Drive file.

---

<div class="post-metadata">

**Author:** ![11183](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/11183/32/29797_2.png) [@11183](https://community.glideapps.com/u/11183)\
**Post date:** [December 2, 2022, 8:20am UTC](https://community.glideapps.com/t/design-challenge/55331/2 "2022-12-02T08:20:21Z")

</div>

Here’s the demo app

> **[Font Size Demo](https://font-size-demo-wgxb.glideapp.io)**

---

<div class="post-metadata">

**Author:** ![Uzo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/uzo/32/22639_2.png) [@Uzo](https://community.glideapps.com/u/Uzo)\
**Post date:** [December 2, 2022, 9:47am UTC](https://community.glideapps.com/t/design-challenge/55331/3 "2022-12-02T09:47:04Z")

</div>

what is your use case?

---

<div class="post-metadata">

**Author:** ![11183](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/11183/32/29797_2.png) [@11183](https://community.glideapps.com/u/11183)\
**Post date:** [December 2, 2022, 10:34am UTC](https://community.glideapps.com/t/design-challenge/55331/4 "2022-12-02T10:34:08Z")

</div>

> [@11183](#):
>
> This effect can be used during onboarding session for example, when we ask our users to enter their names.

Like this for example ☝