# Custom designed cards

**URL:** <https://community.glideapps.com/t/custom-designed-cards/72792>\
**Category:** Project Showcase\
**Tags:** custom-code\
**Created:** [April 22, 2024, 1:44pm UTC](https://community.glideapps.com/t/custom-designed-cards/72792 "2024-04-22T13:44:53Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Connor\_Finlayson](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/connor_finlayson/32/79079_2.png) [@Connor\_Finlayson](https://community.glideapps.com/u/Connor_Finlayson)\
**Post date:** [April 22, 2024, 1:44pm UTC](https://community.glideapps.com/t/custom-designed-cards/72792/1 "2024-04-22T13:44:53Z")

</div>

I am loving Glide custom CSS. When I started using Glide, I knew I would have to take some design limitations into considering but with custom CSS I have really been able to do some fun things.

Here is an example: Cards on my freelancer marketplace.  
Here is the original card designs on my marketing site in Webflow

 ![CleanShot 2024-04-22 at 09.42.59](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/c/e/ce986a7ede1eb3bd8f42b10e521b414ee42612c2.jpeg)

Here is what I was able to replicate using a custom collection and custom CSS in Glide

 ![CleanShot 2024-04-22 at 09.32.21](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/e/6/e602e0e633ef2b51262d8f429459168f8805f47a.jpeg)

It required a bit of ChatGPTing but you could in theory just copy and paste your CSS and HTML directly out of Webflow and build custom components using the Rich Text Element.

---

<div class="post-metadata">

**Author:** ![Joe\_Gabriele](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/joe_gabriele/32/57595_2.png) [@Joe\_Gabriele](https://community.glideapps.com/u/Joe_Gabriele)\
**Post date:** [April 22, 2024, 1:53pm UTC](https://community.glideapps.com/t/custom-designed-cards/72792/2 "2024-04-22T13:53:13Z")

</div>

Nice! If you havent already, add your CSS code to the new CSS Library App!

---

<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:** [April 22, 2024, 2:13pm UTC](https://community.glideapps.com/t/custom-designed-cards/72792/3 "2024-04-22T14:13:59Z")

</div>

That looks dope!
