Report any technical problems you discover and discuss solutions.

Flah card on Smartphone

rloenen
Onderwerp Auteur
Offline
Premium lid

Lees meer

7 jaren 10 maanden geleden #5567 door rloenen

Flah card on Smartphone werd gestart door 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

Graag Inloggen of een account aanmaken om deel te nemen aan het gesprek.

Neil Pollock
Offline
Premium lid

Lees meer

7 jaren 8 maanden geleden #5645 door Neil Pollock

Beantwoord door Neil Pollock in 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...

Graag Inloggen of een account aanmaken om deel te nemen aan het gesprek.

Moderators: ronm, julten, JohnSmith

Tijd voor maken pagina: 0.350 seconden

Gemaakt door Kunena

Flah card on Smartphone

Main Pages

Quick Links

Support

External resources