I have been trying to implement a vertical scrolling site that is also responsive. For that purpose, I have not used a responsive grid, only media queries. But I do have some blanks to be filled and I was hoping that you might shed some light.
First of all, I haven't used grids because I need elements to be contained either in the 100% width/height of viewport, or the 1200px Width/100% Height (and responsively to lower viewport sizes) of the viewport. My top tier screen is 1920x1080.
I have laid down some screens (mainly they are slices in the same viewport, for example 3 or four columns), but my problem is with a circular content carousel that is contained on 1200px and displays 3 columns at each time with a simple image and text below. Up to the ipad break-point (1024px - landscape or 768px portrait) it works fine. But when I go to the iphone breakpoints all hell breaks loose.
- How can I implement the responsiveness on the carousel? Are there ways for example to have this on larger screens as a three column carousel, but what do I do when it comes to mobile devices?
- Is vertical scrolling site compatible with the responsive web design or is it a bad tactic?