Making your website responsive can seem a daunting task, but it turns out that once you get started, responsive web design is actually a pretty simple concept that’s also easy to implement.
All that’s needed are some well placed media-queries and a bit of common sense. That’s how I made my whole website responsive and I’ve showcased the process in a small and easy tutorial below.
the very simple responsive web design tutorial
To illustrate how simple making your website responsive really is, I’m going to show you the process I took to turn the homepage of my website responsive, focusing on the header area. To see how I made the rest of my website responsive, you can just peek in the source code of various pages to see how I handled multicolumn pages, forms and more.
But for now, let’s start simple, with the header area.