All Responsive Design Solutions on Gang of Coders

Total of 78 Responsive Design Solutions

Maintain the aspect ratio of a div with CSS

HtmlCssResponsive DesignAspect Ratio

Making button go full-width?

CssTwitter BootstrapHtmlResponsive Design

Images not responsive by default in Twitter Bootstrap 3?

JavascriptTwitter BootstrapTwitter Bootstrap-3Responsive Design

Is the viewport meta tag really necessary?

CssResponsive DesignViewport

Responsive video iframes (keeping aspect ratio) with only CSS?

HtmlCssIframeResponsive Design

How to center crop an image (<img>) in fluid width container

CssImageResponsive DesignFluid LayoutFluid Images

Use of <picture> inside <figure> element in HTML5?

ImageHtmlResponsive DesignW3c

bootstrap responsive table content wrapping

Twitter BootstrapResponsive DesignTwitter Bootstrap-3Html Table

Change hover color on a button with Bootstrap customization

HtmlCssResponsive DesignTwitter Bootstrap-3

How to make canvas responsive

CssHtmlCanvasResponsive Design

Responsive site is zoomed in when flipping between Portrait and Landscape on iPad/iPhone

OrientationResponsive DesignViewportScreen OrientationDevice Orientation

Bootstrap3 .visible-* .hidden-* display inline

CssTwitter BootstrapResponsive DesignTwitter Bootstrap-3

HTML picture or srcset for responsive images

CssHtmlImageResponsive Design

What's the best way to make a d3.js visualisation layout responsive?

JavascriptResponsive Designd3.js

Change bootstrap navbar collapse breakpoint without using LESS

CssTwitter BootstrapResponsive DesignNavbarCollapse

How to style a div to be a responsive square?

CssLayoutResponsive DesignAspect Ratio

Responsively change div size keeping aspect ratio

HtmlCssResponsive Design

Responsive css background images

CssResponsive DesignBackground ImageImage Resizing

iOS 8 removed "minimal-ui" viewport property, are there other "soft fullscreen" solutions?

JavascriptIosCssResponsive DesignMobile Safari

Grid of responsive squares

HtmlCssResponsive DesignGrid LayoutAspect Ratio

IE8 support for CSS Media Query

HtmlCssResponsive DesignInternet Explorer-8Media Queries

Common CSS Media Queries Break Points

CssResponsive DesignMedia Queries

Bootstrap Responsive Text Size

CssTwitter BootstrapResponsive Design

In a bootstrap responsive page how to center a div

CssTwitter BootstrapResponsive Design

Making an iframe responsive

CssIframeResponsive Design

How to make flutter app responsive according to different screen size?

FlutterDartResponsive DesignScreenResponsive

Responsive website zoomed out to full width on mobile

Twitter BootstrapUser InterfaceTwitter Bootstrap-3Responsive DesignBootstrap 4

Vertically align an image inside a div with responsive height

HtmlCssResponsive DesignVertical Alignment

Shrink a YouTube video to responsive width

YoutubeResponsive DesignEmbed

Maintain aspect ratio of div but fill screen width and height in CSS?

HtmlCssResponsive DesignAspect Ratio

iPhone 5 CSS media query

IphoneCssResponsive DesignMedia QueriesIphone 5

Responsive web design is working on desktop but not on mobile device

MobileResponsive Design

What is the difference among col-lg-*, col-md-* and col-sm-* in Bootstrap?

CssTwitter BootstrapTwitter Bootstrap-3Responsive DesignBootstrap 4

How to make a <svg> element expand or contract to its parent container?

CssHtmlSvgResponsive Design

Is it possible to see which srcset image a browser is using with browser developer tools

HtmlCssResponsive DesignDeveloper ToolsSrcset

Height equal to dynamic width (CSS fluid layout)

JavascriptJqueryHtmlCssResponsive Design

How to get just the responsive grid from Bootstrap 3?

HtmlCssTwitter BootstrapResponsive Design

Bootstrap - Removing padding or margin when screen size is smaller

CssTwitter BootstrapResponsive DesignMedia Queries

Retina displays, high-res background images

CssResponsive DesignMedia Queries

Why does Twitter Bootstrap Use Pixels for Font Size?

Twitter BootstrapMobileFontsResponsive DesignFont Size

What are the rules for CSS media query overlap?

CssResponsive DesignMedia Queries

Bootstrap row with columns of different height

HtmlCssTwitter BootstrapResponsive DesignBootstrap 4

Twitter bootstrap hide element on small devices

HtmlCssTwitter BootstrapTwitter Bootstrap-3Responsive Design

Why does the order of media queries matter in CSS?

CssMedia QueriesResponsive Design

Shape with a slanted side (responsive)

HtmlCssResponsive DesignCss Shapes

responsive images srcset not working

ImageResponsive DesignSrcset

Putting -moz-available and -webkit-fill-available in one width (CSS property)

CssResponsive Design

Swap DIV position with CSS only

CssResponsive Design

How can I expand a child div to 100% screen width if the container div is smaller?

CssResponsive Design

Fancy Media Queries with some LESS Magic

CssResponsive DesignLessMedia Queries

How to remove responsive features in Twitter Bootstrap 3?

Twitter BootstrapResponsive DesignMedia QueriesTwitter Bootstrap-3

Should I use max-device-width or max-width?

CssResponsive DesignMedia Queries

Simple Bootstrap page is not responsive on the iPhone

Twitter BootstrapResponsive Design

CSS scale height to match width - possibly with a formfactor

HtmlCssResponsive Design

css grid of squares with flexbox

CssResponsive DesignFlexbox

Responsive font size in CSS

CssResponsive DesignZurb FoundationFont Size

Specifying a preferred line break point in HTML text in a responsive design

HtmlCssResponsive DesignLine Breaks

Bootstrap 3 modal fires and causes page to shift to the left momentarily / browser scroll bar problems

HtmlTwitter BootstrapResponsive DesignTwitter Bootstrap-3

Fluid or fixed grid system, in responsive design, based on Twitter Bootstrap

Twitter BootstrapResponsive DesignFluid LayoutFixed Width

jQuery: How to detect window width on the fly?

JavascriptJqueryResponsive Design

Is it possible to set a fluid width for Facebook's social plugins?

Facebook Social-PluginsResponsive Design

Automatically resize images with browser size using CSS

CssResizeResponsive Design

Does "display:none" prevent an image from loading?

CssResponsive Design

Creating a fixed sidebar alongside a centered Bootstrap 3 grid

HtmlCssTwitter BootstrapResponsive Design

Font scaling based on width of container

CssResponsive DesignFont Size

How to make the Facebook Like Box responsive?

CssWidgetResponsive Design

Full-screen responsive background image

CssResponsive DesignFullscreenZurb Foundation

Switching to Em-Based Media Queries

CssResponsive DesignMedia Queries

flex item overflows container due to long word even after using word-wrap

HtmlCssResponsive DesignFlexbox

Limit the height of a responsive image with css

CssResponsive Design

Website elements and fonts are too small in mobile devices

HtmlCssResponsive Design

Hiding elements in responsive layout?

HtmlCssTwitter BootstrapResponsive Design

responsive D3 chart

d3.jsResponsive Design

Scale iFrame css width 100% like an image

CssIframeResponsive Design

Responsive Bootstrap Jumbotron Background Image

CssTwitter BootstrapResponsive Design

Bootstrap 3 - Responsive mp4-video

Twitter BootstrapVideoTwitter Bootstrap-3Responsive DesignMp4

What is the context of em?

HtmlCssResponsive DesignEm

How do I vertically center an H1 in a div?

HtmlCssResponsive Design