Questions tagged [card]
400 questions
2
votes
1 answer
Making a responsive grid of cards in Vuetify
I'm trying to create a responsive grid with cards in Vuetify. Every card must be the same size but if I add a long text under it (second card), the card is always the max size (I also make this with breakpoints but Vuetify only has 5 breakpoints and…
Tilen Pirih
- 81
- 2
- 9
2
votes
2 answers
String representation of an object - deck cards
I am looking to build a function containing two string variables, and return the combination to each card of a deck.
playCard({ suit: 'HEARTS', value: 2 }) to return 2♥
playCard({ suit: 'SPADES', value: 10 }) to return T♠
playCard({…
learnjspsde
- 37
- 6
2
votes
2 answers
android image stack on top of each other horizontally
I want to display an image like this, like in stack on top of each other, How I can achieve this type of design dynamically
Amit Kumar
- 219
- 1
- 3
- 11
2
votes
1 answer
css styling with bulma cards
I do have the following HTML output:
so, as you can see the footer isn't matching...
my css component looks like this:
.card-equal-height {
display: flex;
flex-direction: column;
height: 100%;
}
.card-equal-height
.card-footer {
…
J L
- 103
- 2
- 8
2
votes
1 answer
Making bootstrap Card display horizontal
I have made a bootstrap card in my website, and i want to make it horizontal.
and i want to convert it to .
Please provide solution by inspecting my code!
.blue-bg{
background-image: linear-gradient(#1385de,#045f9b);
color: white;
…
Muhammad Zubair
- 23
- 1
- 5
2
votes
2 answers
Flutter Card ListTile Image Text
Im a bit new on widgets for flutter app, and Im trying to make a desing on a card, that si being imposible, hope you can help me.
This is my Widget for a card (im using listview).
Widget _cardSermon(BuildContext context, Data data) {
return Card(
…
Alberto Acuña
- 512
- 3
- 9
- 28
1
vote
1 answer
Trying to center a card on a page
i am not able to center a card on the webpage. I've used Flex to center it, but it is only aligning it horizontally, not vertically.
The output that i was expecting:
Output that i got:
My Code for reference:
.container{
display: flex;
…
Alan
- 11
- 1
1
vote
0 answers
How to fix the jumping Background at Cardoverlays?
Hi all I have created a card overlay but when I hover over the card and stay in the top area the background jumps to where the mouse is and wobbles there. What is wrong with my approach?
here the Page link inc.…
SchmidtSon
- 11
- 1
1
vote
2 answers
How to start the pagination from right to left in Flutter car swiper?
Is it possible to make the pagination start from right to left?
child: Swiper(
itemBuilder: (context, index) {
final image = letterVowelsImages[index];
return Padding(
…
melonpun
- 11
- 3
1
vote
0 answers
Card wont scroll all the way to the top
All my webpages use a card that changes size using '%'. But that makes it so that it wont scroll to the top. When I use a specified size like 300px then it would scroll all the way but I also want my site to be mobile-friendly so I need it to change…
coolkase
- 11
- 2
1
vote
0 answers
Is there any stripe test card with fixed balance?
I am searching for a stripe test card with fixed balance. For example, a stripe test card with $50
I have searched for Stripe test card with fixed balance but did not get any. It would helpful for my testing purpose. I need a stripe test card with…
Hello Siu
- 11
- 1
1
vote
1 answer
multiple flip cards with two button
I have multiple stack of cards with two button one to flip the current ( top) car and the second to add a fallen effect class
could not the button to work
please help
const cards = document.querySelectorAll(".card")
const…
alhurayas m
- 13
- 1
- 2
1
vote
2 answers
52 Cards with random generator JS
Im learning JS and the new project Im working on is about a card game with 52 cards. Im trying to mix all the cards to give them out to places where the players are. I try to only deal player one's card first to see if my code works or not but it…
Amir004
- 19
- 3
1
vote
0 answers
Create Pagination with an Array Of Objects JavaScript
I have created an Array of objects.
let products = [
{
productName: 'product1';
},
{
productName: 'product2';
},
{
productName: 'product3';
},
{
productName: 'product4';
},
{
…
user21194080
- 33
- 5
1
vote
1 answer
Can I use a real card instead of a test card to test a payment in "Test" mode in Stripe?
I can test payments with the test cards below in test mode in Stripe:
Now, can I test payments with my own real cards in test mode in Stripe?
Super Kai - Kazuya Ito
- 22,221
- 10
- 124
- 129