Supporting each other

Community forums

Welcome, Guest

Forum

Main Forum

Bugs and Issues

Flah card on Smartphone

Report any technical problems you discover and discuss solutions.

Page:
1

TOPIC:

Flah card on Smartphone 5 years 3 months ago #5567

rloenen Topic Author Offline Premium Member Posts: 94 Thank you received: 0	How can I make flashcards responsive to the size of the screen of a smartphone. Now it's so small, that you can't see the text of image. first image on laptop second image on smartphone Attachments:
	Please Log in or Create an account to join the conversation.

Flah card on Smartphone 5 years 1 month ago #5645

Neil Pollock
Offline
Premium Member
Posts: 92
Thank you received: 4

The responsiveness of interactive pages on mobile is not great. I had a very quick look at this, and my initial hacky fix would be something like:

.card {
    width: 100% !important;
    max-width: 100% !important;
}
.cardInner img {
    width: 100%;
}
#cardHolder {
    width: 100% !important;
}
#cards {
    width: 75% !important;
    max-width: 100% !important;
}

But I hate overriding CSS rules like this, and also it doesn't work perfectly, but it's perhaps a start...

Please Log in or Create an account to join the conversation.