align website in different resolution

I have downloaded a Magento source and install the sample Madison Island. To my surprising,  the website can be fit into different resolution. On a small device, the menu and my layout can be fit into a way that can display properly on a iPad. Any idea how can it make this ?

Tks
AXISHKAsked:
Who is Participating?
 
Ray PaseurConnect With a Mentor Commented:
Here is a responsive layout including an image that takes on a dynamic size depending on the browser viewport.  Use "view source" to see how it works.  Once you see how this works, go for Bootstrap and test it out!
http://iconoun.com/demo/grumpycat.html
0
 
hulseboschSystem administratorCommented:
Most common is the use of CSS.
0
 
GaryConnect With a Mentor Commented:
Look at a responsive framework like Bootstrap and have a read of my article

Otherwise you will need to write up all your own media queries to change the layout at the various resolutions.
0
 
AXISHKAuthor Commented:
Is there a good resource for using Bootstrap for a starter ?

One more question, how about resize a photo into different size ? Tks
0
 
GaryCommented:
When using a responsive framework you very rarely use specific sizes for elements, instead using 100% width and auto height.
Good resource as a starter is in the comment above
0
All Courses

From novice to tech pro — start learning today.