Just in time for the new spring season, I finished a new painting!
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.
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.
As I’ve mentioned in a previous post, I am a self-taught web designer and I often get messages from people who want to change careers or just want to get started web design industry don’t know how exactly how to do that or what sort of knowledge is required from a web designer today.
There are so many great resources available on the internet that it seems to be quite a daunting task telling apart the good from the bad and what’s the proper place and order to get started. I hope this guide will help with that.
I finished a new painting this week!
I was stuck with it for a while because couldn’t get the shade of red to pop out the way I wanted so I was just redoing it over and over again. Eventually it came to me that maybe I should work on making the background darker instead and leave the rose alone for a while. Here are some shots of the work in progress: