Suggested breakpoint defaults - Post...

User 476017 Photo


Ambassador
375 posts

paintbrush wrote:
For me, the most important one is at which point does the content work better in a single column.
Before that, when do columns of text get so long and skinny and/or photos so small that it would be better to go from 3 or 4 columns to 2.
Both Firefox and Chrome have good ways to test your site at different breakpoints so you can see just where your content "breaks". You might find that a breakpoint down to one column makes more sense at 519px rather than a more 'standard' 480px. Do what works best to make your content easy to read/use.


Hi Paintbrush
I was looking for a way to test a finished site for breakpoints and saw your post.
Not familiar with Chrome perhaps you could help me and explain how I test my site in Chrome to see where my breaks and how it looks
Thanks
Dave Butler
Yorkshire
England

Old Rishworthians Rugby Union Football club http://www.orrufc.co.uk
Tuxedo Junction Yorkshire Function Band http://www.riley-tuxedojunction.co.uk
The Commons Guest House http://www.thecommons-guesthouse.co.uk
all created with Coffee Cup html editor
User 434929 Photo


Ambassador
938 posts

Dave Butler wrote:

Hi Paintbrush
I was looking for a way to test a finished site for breakpoints and saw your post.
Not familiar with Chrome perhaps you could help me and explain how I test my site in Chrome to see where my breaks and how it looks
Thanks


Chrome DevTools Device Mode
https://www.youtube.com/watch?v=FrAZWiMWRa4
Guys at coffeecup are awesometacular.
User 187934 Photo


Senior Advisor
20,245 posts

Firefox has one built in also.
ctrl + shift+ m to toggle the mobile preview mode.
Even though browser have these tools your site may still appear different on the actual mobile devices.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 283347 Photo


Registered User
388 posts

this site might be helpful to view your site on various sizes after it is completehttp://mattkersley.com/responsive/" class="bb-url"> http://mattkersley.com/responsive/

be sure to check which you would like to see using the selector at the top right after you put in your url

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.