Hi Pat I think you are missing the point here. Just adding breakpoints means nothing at all if you don't adjust you column spans when it hits those breakpoints. You may want to also consider changing other things like font size, padding, and margins when moving from break point to break point.

I would not worry so much at the exact pixel your break points are at either. What you want to do is start your website out at full layout size, meaning there are no breakpoints to the right of the slider. Then start moving yours slider to the left. When your layout starts squishing together and things start looking out of place, start changing your column spans for those columns so the content does not look so squished. You may consider changing the fonts size and column padding/margins at the same time just to clean things up. Once you are happy with the way it looks continue to move the slider to the left until it "breaks" again. Add a breakpoint, fix up the content and continue this process until your website is at its lowest setting.

Once you accomplish this your website is truly responsive. You will not have to worry if tomorrow Samsung comes out with a new device size as it wont matter because you have fixed your website to look good at every possible screen size.

Hope this makes sense.

Hello all,
I need you all to take a look and tell what does not work. I am having a brain fart on making the social I con work. Help with that?

please take a look and let me know.

http://www.musicworkscustombatons.com/test/

With the help of the Coffeecup Staff and Coffeecup Community,

• the goals at this point is to first, produce a responsive web site, that is, a site that will re-size depending upon the viewing device, rather will this page fit on most devices that are in public viewing market?

• Secondly, if the CoffeeCup Staff and/or CoffeeCup Community agrees that this appropriate re-sizing has been obtain, then I can move forward and reset this pending site for public viewing by going beyond the typical bells and whistles programs in the market and employ those various unique features and attributes that make Responsive Site Design and Coffeecup outstanding

• And lastly, beyond the contents listed on this page, please make any and all comments that will assist me in this endeavor to set up a web site, as I admit that this rough/drafted index-first page does not reflect any of RSD capabilities, other than resizing,


Thank you Coffeecup

http://a-dot-in-reality.coffeecup.com/index.html
Windows 8.1 Pro
RSD V 1.0 Build 680
IE 11

Reality: I think you missed uploading half your site, it's definitely not like it should be

That's to much content on your index page. Use small snippets for each subject to entice readers then put the full content on another page.

Understood…Jo Ann, Eric….thank you for taking the time to share your time and experiences with me…back to the drawing board I shall go….Thank you and the Coffeecup Community …

Ok I thought I would share another website I completed for the Regina International Film Festival. The basic layout was created with RLMP and finished in RSD.

http://www.riffa.ca/

Alan, over-all it's a very nice site. Calm and elegant – easy to see and find what's on offer.

About your icons; Try adjusting your icon sizes and margins. It seems the FB icon is different from the others, but here's what happens with the rest of them with a few tweaks:

As you go down to smaller screen sizes, adjust the left-right padding within the container so the icons will have room to stay in one line or stacked in 2 rows.

I'm a bit confused by your contact info. Why don't you have a form there so users could submit all of that info? It doesn't make sense to just send a name and email – and then what? They still have to call to give you the rest of their info?

*** The photo above "Handles Woods Acrylics" is very pixelated. Try using a larger photo to start with.
*** In the bottom menu, you've got handels instead of handle
Good work

Reality GDK, I hardly know what to say.
I would suggest you have a look at other content/text heavy sites and get some inspiration.

Here's a text-heavy site that has info and suggestions for designing such a site:
http://chnm.gmu.edu/digitalhistory/designing/4.php

-------------------------------------------------------------------------

Steve, very slick! Perfect look for a cinema/entertainment related site. The gold on black is really nice.
Clear navigation; I can see at a glance everything on offer and I like how the <h3> headings identify each page.

I finally found some much richer and more comprehensive player code at: http://jplayer.org. This code is not reponsive, but will give a small enough audio player to fit on mobile devices. It is "free and open source" code. It has many player options in the "examples" folder of the downloaded software. I only used one of them.

I have replaced the first site: http://toms-site.coffeecup.com/70sMusicResponsive with a new version built with players from this new code. It works on desktop/laptop computers and, at least, on my Android smartphone. The iPhone emulator says it works on iPhone 4 too.

The second version: http://toms-site.coffeecup.com/70sMusicResponsive2 is now gone because of file space limitations.

If you want a music player to replace Web Jukebox for mobile devices, I think this is the way to go.