# CSS to create overlapping profile images

**URL:** <https://community.glideapps.com/t/css-to-create-overlapping-profile-images/25783>\
**Category:** Community Resources\
**Created:** [April 20, 2021, 1:02am UTC](https://community.glideapps.com/t/css-to-create-overlapping-profile-images/25783 "2021-04-20T01:02:55Z")\
**Posts on this page:** 6\
**Page:** 2

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [July 1, 2021, 10:07am UTC](https://community.glideapps.com/t/css-to-create-overlapping-profile-images/25783/23 "2021-07-01T10:07:28Z")

</div>

![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/f/b/fb3e0bc46bfa5c3182301850395f16c38d5013bc.jpeg)

Hehe, it looks great on the “empty” profile as well.

---

<div class="post-metadata">

**Author:** ![dvamvoo01](https://avatars.discourse-cdn.com/v4/letter/d/ce7236/32.png) [@dvamvoo01](https://community.glideapps.com/u/dvamvoo01)\
**Post date:** [August 6, 2021, 12:17pm UTC](https://community.glideapps.com/t/css-to-create-overlapping-profile-images/25783/25 "2021-08-06T12:17:38Z")

</div>

is it possible to make the whole thing a lot smaller so it will show for example who else liked a post ?

---

<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:** [August 6, 2021, 12:57pm UTC](https://community.glideapps.com/t/css-to-create-overlapping-profile-images/25783/26 "2021-08-06T12:57:45Z")

</div>

Check this post:

> [@trophy My House Points App — Feedback welcome!](https://community.glideapps.com/t/my-house-points-app-feedback-welcome/30001):
>
> Just a showcase of my recent House Points app for the Academy I work for. Using some CSS, some trebuchet and some singlevalue columns from arrays to make magic. Feedback appreciated!

---

<div class="post-metadata">

**Author:** ![Swoom](https://avatars.discourse-cdn.com/v4/letter/s/35a633/32.png) [@Swoom](https://community.glideapps.com/u/Swoom)\
**Post date:** [November 18, 2021, 3:05pm UTC](https://community.glideapps.com/t/css-to-create-overlapping-profile-images/25783/27 "2021-11-18T15:05:10Z")

</div>

This is just amazing. I am literally just getting started trying to just set up basics for a house system with my gifted students. Do you have any turorials?

---

<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, 2021, 3:41pm UTC](https://community.glideapps.com/t/css-to-create-overlapping-profile-images/25783/28 "2021-11-18T15:41:48Z")

</div>

I have a gamification tutorial on YouTube and [here](https://community.glideapps.com/t/gamify-glide-apps-reboot-updated-2021-09-22-episode-7-2-boss-battles/24303)…but it’s probably overkill.

---

<div class="post-metadata">

**Author:** ![Swoom](https://avatars.discourse-cdn.com/v4/letter/s/35a633/32.png) [@Swoom](https://community.glideapps.com/u/Swoom)\
**Post date:** [November 18, 2021, 3:56pm UTC](https://community.glideapps.com/t/css-to-create-overlapping-profile-images/25783/29 "2021-11-18T15:56:46Z")

</div>

Most excellent! I am doing a house system and want to set it up like yours. I didn’t even consider the ranking you have on the first page of the app. I have a spreadsheet for the students to get points but hoping to level up to what you have.

[Previous page](https://community.glideapps.com/t/css-to-create-overlapping-profile-images/25783.md?page=1)