Making Websites Responsive to Media using @media {}

The following video is a very useful one as it talks about new techniques in CCS3 to make the site compatible with different devices. The way this is done is totally different from what we have been doing in the past. The @media function in CC3 makes life much easier and all you have to do is insert customised CSS for each resolution of a mobile device. And further more another friend of ours has already set up a site for you to test how your site looks on different resolutions.

Check sites’ responsivness: http://mattkersley.com/responsive/

Different Mobile Devices screen sizes:

 

 

 

 

 

 

And here is the video explaining how you can use @media {} in CCS3:

 

Share

Leave a Reply