Note: maybe the divs should be created dynamically with the js (which is currently empty anyway). That would make using fluidity easier and less prone to human error.

• "almost 100% responsive; let's fix that" sounds a bit like we're aiming at negating the responsiveness. Changed to an alternative wording that makes it more explicit. Also, add a comma.

I know it will add about 35 more characters, but I think because of concocting (Browserify, web components, CDNs), it is important to keep minimal info with the file for copyright reasons & checking for updates.

After you PR this (or something similar, or not), I plan to host this on jsDelivr CDN.

• encode invalid characters in URL (pipe and space)
• add alt attribute to image
• move iframe's styling attributes to css (100% is an invalid value for the width attribute, and the frameborder attribute is deprecated)

also harmonize spacing in css, and shorten the line with the bootstrap link.

Here's a quick example of how to make the iFrame fully respond rather than being a fixed height: http://codepen.io/RyanRoberts/pen/Ckgas/

One important point to note is that the height is relative to the container width (in this case the .wrapper width) and not the module width itself. Pretty standard RWD stuff.

Maybe consider this as an additional module for Fluidity? My own version uses BEM style classes so that I can apply it to just about anything and not just iFrames.

Hi!

Cool project!

Excuse me if I am mistaken, but the README seems to render a bit different from what I expect was the intention. This simple commit fixes that.

Thanks again for a cool project and keep up the good work!

Minimised version is now 115 bytes, the charset declaration was only necessary because of a comment which doesn't even end up in the minimised version.

• Though .overflow-container works correctly with overflow-y: scroll set, I believe your intent was to force scrolling on the x axis, so I updated overflow-y to overflow-x.

I know this is kind of a key part of this, but I think keeping scroll-to-top around is more important than overflow scrolling in these places—especially when this is trying to be as little as possible. Plus, makes it even smaller!

Also, ignore some files. There’s a separate branch for it if you only want this.

The fluidity.sexy domain is down. This change allows the default GitHub Pages domain to work again, so that the site will be live at https://mrmrs.github.io/fluidity/.

Addresses #30.

The height and width here and here do not seem to serve a purpose since the element is styled with the following:

position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;

The offsets alone should be enough to stretch the box vertically and horizontally in IE7+

Hey dude!

Question: why you are using overflow-y: scroll; instead of overflow-x on the .table-container property? Isn't it on the x-axis that the container is supposed to allow overflow? Just curious ... seems to work fine, regardless.

By default, select and textarea elements are not fluid.

There are more, of course, such as input, however I'll just open up the discussion as to which elements should be considered for inclusion.

http://codepen.io/joeyhoer/pen/wEtCy/