Use the old UtahJS website as a guide on where to set breakpoints, but these are just guidelines we may have to adjust where the breakpoints are or even create new breakpoints. We want to be able to go down to a screen size of 320 pixels which is the size of an iPhone 5/SE. As you play around with shrinking the page size, pay attention to boxes breaking out of their containers. Make sure that we maintain a bit of padding on the edges of the screen at all times. Here is an image of the old site once it gets down to 320px wide which is the width of an iPhone 5/SE.
Use the old UtahJS website as a guide on where to set breakpoints, but these are just guidelines we may have to adjust where the breakpoints are or even create new breakpoints. We want to be able to go down to a screen size of 320 pixels which is the size of an iPhone 5/SE. As you play around with shrinking the page size, pay attention to boxes breaking out of their containers. Make sure that we maintain a bit of padding on the edges of the screen at all times. Here is an image of the old site once it gets down to 320px wide which is the width of an iPhone 5/SE.