Responsive UI in a few minutes
Making websites go through phases. First we had just HTML and it was good. Then someone added some cgi to get dynamic pages to work. After that, javascript was added and was depressing to implement all the versions of browsers. Now, just when you think javascript handles all the different browsers and configurations, then comes it different screen sizes with mobile browsers. Here with this article, I want to show some ideas I found to help with formatting for different sized browsers. It may help you get a bigger audience with a few tweaks to CSS3.
It�s as easy as css3 media query. I found there were 2 queries, and each one has its purpose. The first query type: screen-width, is useful for the actual browser size and reshaping the websites for that. But for a phone screen, it doesn�t work well to tell us that this screen is smaller. You need to rely on the device-width property.
Here, we have a screen that shows, if the device width is over 768 pixels, then use these css settings, else, if it is between 480 and 768, use these settings: <p> 
