Report any technical problems you discover and discuss solutions.

Flah card on Smartphone

rloenen
Topic Author
Offline
Premium Member

7 years 7 months ago #5567 by rloenen

Flah card on Smartphone was created by rloenen

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.

Neil Pollock
Offline
Premium Member

7 years 5 months ago #5645 by Neil Pollock

Replied by Neil Pollock on topic Flah card on Smartphone

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:

Code:

.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.

Moderators: ronm, julten, JohnSmith

Time to create page: 0.454 seconds

Flah card on Smartphone

Main Pages

Quick Links

Support

External resources