search

sgmbr / annes-project

A repository for Anne's project
0 stars 0 forks source link

Support up to 6 boxes in 2 rows #33

Closed sgmbr closed 7 years ago

sgmbr commented 7 years ago

How can a quiz be possible on small devices when 6 boxes? -> Limit width and height of boxes when in small screen. 

    .question-box {
        min-height: 6rem;
        flex-basis: 9rem;
    }
    .answer-card {
        max-width: 8rem;
    }

This limits 2 boxes in a row 3 rows when in portrait, and 3 boxes in a row 2 rows when in landscape.