CSS3 continuous responsive elements

Have you ever used the ubiquitous fullwidth widgets which come with many HTML templates? We all know Bootstrap and sliders made for it, but how many times you felt frustrated by the difficult on changing title sizes inside a jumbotron or cover image backgrounds that not act like you would like to, expecially on screen resizing?

How many jumbotrons or full-width sliders have you ever tried before finding the best one which correctly scales at every resolution? Personally I’ve tried many (Bootstrap and Accio in primis). And everytime I had to heavily customize a code that wasn’t thought for my purpose.

Now I abandoned third party code editing and wrote my own and ULTIMATE piece of HTML+CSS for having the best result. And I think you could to the same for your big head sections.

2 Replies to “CSS3 continuous responsive elements”

I didn’t know about this css measure unit.. It’s useful for just some of the things; big titles are one example. However you’d end up with unreadable little text if you’d use vw on elements.
By the way, this is the current browser support for vw:http://caniuse.com/#feat=viewport-units

Hi Davide.
This table shows that vw and vh are largely supported by browsers. It is also a good choice if you use it with tag measures reset at the very first lines of CSS. My example scales well at every devices and use H1 tag, but it is possible to use also every tag you want, just adjusting the measure for each case. Hope you enjoy it.