Report any technical problems you discover and discuss solutions.

Flah card on Smartphone

rloenen
Onderwerp Auteur
Offline
Premium lid

Meer

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

Bijlagen:

Graag Inloggen of een account aanmaken deelnemen aan het gesprek.

Neil Pollock
Offline
Premium lid

Meer

7 jaren 5 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 deelnemen aan het gesprek.

Moderators: ronm, julten, JohnSmith

Tijd voor maken pagina: 0.148 seconden

Gemaakt door Kunena

Flah card on Smartphone

Main Pages

Quick Links

Support

External resources