Set breakpoint manually in Foundry

Foundry
21

The media queries for each breakpoint are as follows:

@media (max-width: 47.9em) {
/* Mobile */
}

@media (min-width: 48em) and (max-width: 61.9em) {
/* Tablet */
}

@media (min-width: 62em) {
/* Desktop */
}

These are the same for just about all Foundry stacks. I believe the Nav Bar has a very slight variation (a very, very nominal difference) around the tablet breakpoint to keep some strange interactions from occurring.

1 Like