Skip to main content ↑ ↓
Topic: Why are these min-width values set? (Read 2340 times) previous topic - next topic
0 Members and 1 Guest are viewing this topic.

Why are these min-width values set?

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.)

Code: [Select]
@media screen and (max-width: 50em) {
  .board_row {
    min-width: 20em;
  }
}
And this
Code: [Select]
@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.

Re: Why are these min-width values set?

Reply #1 –

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).
Bugs creator.
Features destroyer.
Template killer.

Re: Why are these min-width values set?

Reply #2 –

Ok.  I'll just make them smaller instead of removing them then.