[Annex] Mobile Responsiveness

On Qwant, we want our IA to be responsive so our mobile users can use the IAs without them disturbing their navigation. This is done simply by precising a @media rule in your stylesheet:

app/src/modules/your_ias_name/public/css/your_ias_name.scss

.ia__your_ias_name {
    // styles for desktop display
}

@media (max-width : 1000px) {
    .ia__your_ias_name {
        // styles for tablet display
    }
}

@media (max-width : 640px) {
    .ia__your_ias_name {
        // styles for mobile display
    }
}