# Beautiful Design App

**URL:** <https://community.glideapps.com/t/beautiful-design-app/16191>\
**Category:** Project Showcase\
**Created:** [September 22, 2020, 12:23pm UTC](https://community.glideapps.com/t/beautiful-design-app/16191 "2020-09-22T12:23:59Z")\
**Posts on this page:** 1\
**Showing post:** 151

<div class="post-metadata">

**Author:** ![hisashi.fujita](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/hisashi.fujita/32/17088_2.png) [@hisashi.fujita](https://community.glideapps.com/u/hisashi.fujita)\
**Post date:** [November 23, 2020, 6:03am UTC](https://community.glideapps.com/t/beautiful-design-app/16191/151 "2020-11-23T06:03:27Z")

</div>

Thank you @Robert_Petitto.  
I tried it on the cake shop menu.

```auto
<pre><span>
<div class="background"></div>
<style>
.background {
position:fixed;
margin-top:0;
background:#FF9800;
width:100%;
height:100%;
top:5.5em;
right:0;
z-index:-1;
}
.tile-image-area :nth-child(1) img {
height: 130px;
width: 130px;
border-radius: 5%;
margin: 10px;
}
[data-test="tile-item"] {
border: solid 1px #fff;
background:#fff;
}
[data-test="app-tag-overlay"] {
position: absolute;
right: 113px;
bottom: 10px;
border-radius: 5px;
font-size: 1rem;
padding: 5px 10px 5px 10px;
text-transform: unset;
border: solid 1px #fff;
}
.tile-title {
white-space: pre-wrap !important;
overflow: visible !important;
font-weight: 700 !important;
font-size: 1rem !important;
line-height: 1.2rem !important;
}

.tile-subtitle {
white-space: pre-wrap !important;
overflow: visible !important;
font-size: 0.8rem !important;
line-height: 1rem !important;
color: #000 !important;
margin-top: 10px;
}

.tile-text-container {
position: absolute;
top: 10%;
right: 10px;
white-space: pre-wrap !important;
overflow: visible !important;
text-align: left !important;
width: 180px;
}
.tile-image-area {
height: 150px;
}

```

 ![スクリーンショット 2020-11-23 14.53.48](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/3/3/33c9062d00cf03caebbdae8422a10a425158c869.jpeg)

 ![DSC_0077-removebg-preview](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/4/3/4316e5e90b08289948069ccdeada50e264774d03.jpeg)

---

_[View the full topic](https://community.glideapps.com/t/beautiful-design-app/16191)._