Adding CSS for different screen sizes

 
 

Ever been frustrated by how certain things look great on desktop and not right on smaller screens? Use the following code(s) to targets items on specific screen sizes!

If you need help adding CSS to your Squarespace site please read our guide here.

Mobile CSS

@media only screen and (min-width : 768px) 
and (max-width : 1200px) {
// insert CSS here for TABLETS //
}

@media only screen and (max-width: 736px) {
// insert CSS here for MOBILE //
}