XF 2.2 4 boxes in row on desktop, how to column them in mobile ?

Nicolas FR

Well-known member
This is the CSS code, what should I add to it so that my 4 boxes are vertically aligned on small screens?
Less:
.box-container {
    display: flex;
    }
    
    .column {
        display: flex;
        flex: 1 1 250px;
        font-size: 21px;
        font-weight: 400;
        margin-left: 0;
        padding: 8px;
        text-align: center;
    }

]
Many thanks.
 
Solution
Yes, just editing the CSS at the narrower viewport.

Font size set to 12px and height set to 100%.

You can reduce the text by changing e.g. Forums du quotidien to Au quotidien and Forums de l'actualité sportive to Actualité sportive.
Yes, just editing the CSS at the narrower viewport.

Font size set to 12px and height set to 100%.

You can reduce the text by changing e.g. Forums du quotidien to Au quotidien and Forums de l'actualité sportive to Actualité sportive.
 
Solution
Top Bottom