Tablet view

Site URL: https://www.macailamaxwell.com.au/

Hey everyone, I've just spent three weeks designing my new website, and it's functional on web and mobile, with the help of lots of custom css! However, I've just had a look at it on tablet and it's not looking good. The margins are too wide, blocks out of proportion etc. These days, is it important that a website is 'tablet friendly'? If so, is there a code that I can input that would simply use the layout for mobile, but make it larger? Or is there another way to input code that will change the whole website? I'm dreading the thought of having to go through each page and add in custom css for each block.

Hi Macaila,

if you want people on here to look at your site, could you post the password here for us. 

Squarespace will optimise their sites to be responsive across all widths, by default it should look right, so it's possible that if you've used "lots" of custom css that you might not always have the correct media queries (these tell browsers to layout differently for different screen width ranges). Mostly things like margins etc are set site wide, so it would probably just be some site-level css to change it.