Top "Responsive-design" questions

Responsive Web Design (RWD) is an approach to Web design and development that aims at crafting sites to provide optimal experiences across a wide range of devices based on screen size, platform, and orientation.

how to write css for a specific breakpoint in angular material

I am trying to write CSS for a div, that should apply only when a particular breakpoint is hit, eg. …

angularjs responsive-design material-design angularjs-material
Maintain aspect ratio according to width and height

It is possible to fit and center a square div in the viewport and always maintain it's aspect ratio according …

css responsive-design aspect-ratio
How should I create a responsive canvas with createJs to adapt different mobile device's screens?

I want to develop a html5 mobile game. As you know, the screens of mobile devices are different size, so …

html canvas responsive-design createjs
How can I make JSSOR change its aspect ratio?

I'm an art photographer in my spare time, and I'm working on a new design for my web site (note: …

javascript jquery responsive-design jssor
Fixed sidebar with Skeleton responsive layout

I have a simple two column responsive design with Skeleton boilerplate. For the sidebar I have this div, inside a …

css responsive-design css-position skeleton-css-boilerplate
Responsive iframe with fixed div beneath it

Given the following DOM structure: <div> <iframe src="https://www.youtube.com/embed/OYbXaqQ3uuo></…

html css iframe responsive-design responsive
Soundcloud embedded player on mobile

Here is how a SoundCloud embedded player on a HTML page looks like on mobile device: It's rather annoying, because …

html responsive-design soundcloud
Responsive CSS absolute top position

I need your help! Been searching for a solution, but couldn't find one, so thought I should just ask it. …

css responsive-design position css-position absolute
Google map not showing when in a hidden div

I know this is a common issue reported on this site and elsewhere e.g. http://blog.codebusters.pl/en/…

jquery google-maps google-maps-api-3 responsive-design enquire.js
How to determine if a device is in portrait or landscape mode using CSS

For determining screen size I'm using media queries but I want determine if a device is in portrait or landscape …

css responsive-design media-queries landscape-portrait