I have a page on my website that has three columns of images. I want to use responsive web design to resize it, so that when the screen gets smaller, it becomes two columns, and when it gets even smaller, the design should become 1 column.
I want to use media query to achieve this effect, but I need help to get it exactly right.
This is the url:http://duvys.com/newsite/our_work.php
I know it should be something like @media (max-width:1000px)...
But I'm not sure excactly what I am supposed to be doing.
Please help. Thanks!

You can study the CSS of one of my tests here.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.