Why are these set? I noticed they were causing my page to be too wide on 320px wide screens. (I have a larger base font set in the body.)
@media screen and (max-width: 50em) {
.board_row {
min-width: 20em;
}
}
And this
@media screen and (max-width: 33.750em) {
.board_lastpost, .topic_lastpost {
min-width: 18em;
}
}
I removed them (which fixed my excess width problem) and looked on various smaller and larger screens in chrome's emulator and couldn't see them helping anything.
IIRC it to maintain the "columns" aligned in case of "less" content (i.e. if you use short or no description, or if you don't have topics in the board, or if you have a topic with a very short subject and so on).
Ok. I'll just make them smaller instead of removing them then.