# 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:** 134

<div class="post-metadata">

**Author:** ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)\
**Post date:** [November 18, 2020, 3:15am UTC](https://community.glideapps.com/t/beautiful-design-app/16191/134 "2020-11-18T03:15:38Z")

</div>

## Beautiful “Our Team” screen with Card View CSS transformation:

 ![Screen Shot 2020-11-17 at 10.13.30 PM](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/7/4/74c66befd538bc765a1b075094e6c3608d82faa5.jpeg)

```auto
<pre><span><style>
[data-test="card-item"] {
width: 40%;
overflow: visible;
margin-left: 20px;
margin-bottom: 20px;
box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 25px 10px !important;
}

.bottom-area {
position: absolute;
height: 100%;
margin-left: 115%;
text-align: left;
width: 120%;
background-color: transparent !important;
}

.card-title {
padding-top: 50% !important;
font-size: 1.2rem !important;
line-height: 1.5rem !important;
overflow: visible !important;
white-space: pre-wrap !important;
font-weight: 700 !important;
word-wrap: break-word !important;
text-transform: uppercase;
}

```

---

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