My first non-Bootstrap responsive website

Tada, here it is:

photo of http://imbjim.com/bjimusic

 

It’s basically a Skillcrush class project where I was given the basic HTML5/CSS3 ingredients and then I just went through all the 8 pages of the website and tried to figure out how to make them look acceptable in mobile, tablet and desktop view.

The project taught me a lot about floating divs, ems, using percentages instead of pixels and especially about how hard it is to make a responsive website from scratch or almost scratch, without using any framework like Bootstrap.

I’m most certainly stating the obvious, but hey, I’m a newbie, so I’m allowed to: the cons to this method is that there are still plenty of devices and/or device orientations there (according to http://responsivedesignchecker.com at least Nexus7 portrait and iPhone landscape) in which the website looks ah so imperfect. The pro is that you can come up with websites that are out of the (Bootstrap) box.

Vastaa

Sähköpostiosoitettasi ei julkaista. Pakolliset kentät on merkitty *