# CSS - Card

**URL:** https://community.glideapps.com/t/css-card/72907
**Category:** Ask for Help
**Created:** [April 27, 2024, 9:28pm UTC](https://community.glideapps.com/t/css-card/72907 "2024-04-27T21:28:54Z")
**Posts on this page:** 10
**Page:** 1

<div class="post-metadata">

### Author: ![mrt224](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mrt224/32/490_2.png) [@mrt224](https://community.glideapps.com/u/mrt224)
#### Post date: [April 27, 2024, 9:28pm UTC](https://community.glideapps.com/t/css-card/72907/1 "2024-04-27T21:28:54Z")

</div>

I have 4 cards. I am trying to put a boarder around only 1 card.  
I can put a border around all 4 but not just 1.

here is my code:

div[data-testid=“card-image”] {  
border-radius: 8%;  
border-color: grey;  
border-width: 3px;  
}

---

<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 27, 2024, 11:20pm UTC](https://community.glideapps.com/t/css-card/72907/2 "2024-04-27T23:20:15Z")

</div>

Do you have any differences in that card comparing to the other cards? I have an idea that I think would work, but need more information here.

---

<div class="post-metadata">

### Author: ![mrt224](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mrt224/32/490_2.png) [@mrt224](https://community.glideapps.com/u/mrt224)
#### Post date: [April 27, 2024, 11:31pm UTC](https://community.glideapps.com/t/css-card/72907/3 "2024-04-27T23:31:01Z")

</div>

No differences

---

<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 27, 2024, 11:32pm UTC](https://community.glideapps.com/t/css-card/72907/4 "2024-04-27T23:32:40Z")

</div>

Then why do you want to pick only 1 card out of them? Will it be just a random card?

---

<div class="post-metadata">

### Author: ![mrt224](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mrt224/32/490_2.png) [@mrt224](https://community.glideapps.com/u/mrt224)
#### Post date: [April 27, 2024, 11:53pm UTC](https://community.glideapps.com/t/css-card/72907/5 "2024-04-27T23:53:32Z")

</div>

Each card has a different picture  
I want to highlight 1 card based on date condition

---

<div class="post-metadata">

### Author: ![Himaladin](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/himaladin/32/71023_2.png) [@Himaladin](https://community.glideapps.com/u/Himaladin)
#### Post date: [April 28, 2024, 1:18am UTC](https://community.glideapps.com/t/css-card/72907/6 "2024-04-28T01:18:20Z")

</div>

The use of conditions for CSS is very limited in the new Glide. However, there is a workaround. Could you please explain it in more detail?

---

<div class="post-metadata">

### Author: ![mrt224](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mrt224/32/490_2.png) [@mrt224](https://community.glideapps.com/u/mrt224)
#### Post date: [April 28, 2024, 1:30am UTC](https://community.glideapps.com/t/css-card/72907/7 "2024-04-28T01:30:03Z")

</div>

I have 4 cards with different pics. I would like to have a border around only 1 card.  
I can put a border around all 4 but no luck with just 1 card.

---

<div class="post-metadata">

### Author: ![Himaladin](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/himaladin/32/71023_2.png) [@Himaladin](https://community.glideapps.com/u/Himaladin)
#### Post date: [April 28, 2024, 1:47am UTC](https://community.glideapps.com/t/css-card/72907/8 "2024-04-28T01:47:44Z")

</div>

How about your date conditioning, will it change the order as well?

---

<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 28, 2024, 1:49am UTC](https://community.glideapps.com/t/css-card/72907/9 "2024-04-28T01:49:24Z")

</div>

CSS can solve this, but you might have to tell us more about your date conditioning.

---

<div class="post-metadata">

### Author: ![mrt224](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mrt224/32/490_2.png) [@mrt224](https://community.glideapps.com/u/mrt224)
#### Post date: [April 28, 2024, 2:03am UTC](https://community.glideapps.com/t/css-card/72907/10 "2024-04-28T02:03:03Z")

</div>

I will change the code based on the date
