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.

Is it possible to adapt font size to div width with CSS?

I have a div with 70% width, and here’s what I want to do: Put some words in that div …

html css fonts responsive-design font-size
Responsive design - Media Query not working on iPhone?

I am trying to create a mobile friendly version of my website, to make my website responsive to a smaller …

css mobile responsive-design media-queries
carouFredSel responsive height

i am having height problems of my responsive carousel using carouFredSel. since the images are responsive and the carousel is …

javascript responsive-design caroufredsel
Bootstrap 3 responsive h1 tag

I am creating a site and want it to be responsive so I am using bootstrap 3. However, the h1 tag …

css responsive-design twitter-bootstrap-3 css-frameworks
Alternative to Chrome Extension "Window Resizer"

In light of the recent controversy (Dec 2013) over the Chrome extension titled "Window Resizer", what are some alternative solutions to …

google-chrome google-chrome-extension resize responsive-design
Bootstrap: how to not have text-right in certain size?

Using Twitter Bootstrap, when I reduce the size of my browser to XS size. This is my footer. I have …

html css twitter-bootstrap responsive-design text-align
Responsive video iframes (keeping aspect ratio) with only CSS?

I usually use a similar solution to this one. Something like: .wrapper { position: relative; width: 100%; height: 0; padding-bottom: 56.25%; } .wrapper iframe { position:…

html css iframe responsive-design
Make table cells square

How to ensure that each cell of table should become square without using fixed sizes? And be responsive when they …

css responsive-design css-shapes aspect-ratio
How to implement a responsive Youtube embed iframe with Twitter Bootstrap?

Currently I'm embedding Youtube videos with the following HAML code in a Twitter Bootstrap based site: .row .span12 %iframe.span11{ :…

ruby-on-rails-3 twitter-bootstrap youtube-api responsive-design
Bootstrap 4 Change Breakpoints

I have an application where the design calls for a 1280 breakpoint from desktop to tablet, or, xl to lg respectively. …

css twitter-bootstrap sass responsive-design bootstrap-4