Skip to main content


CSS Media Queries - Responsive Design

Consider you are opening Amazon website link https://www.amazon.in/ in your desktop browser. And again you are opening same website link in your mobile device. 

Now if you notice,same website has two different layout in Desktop &  Mobile.

How it is achieved? 

This can be achieved in few ways. One way is media queries.

Using media queries we can able to define the look of the web site layout for each devices separately - Desktop,Mobiles & tablets

Example : Check below reference of Amazon website.









Labels:

Comments

Post a Comment

Popular posts from this blog

Our journey with extremely preterm baby - Part 1

#PrematurityBirthAwarenessMonth #OurPersonalJourneyWithPretermBaby #Part1 We got married in May, 2013 and got pregnant (I was physically and of course he was mentally) in May 2015. We both always managed the challenges during pregnancy and after that all alone except few emergency hospital admission process. Elders in our family had their own family commitments and problems. So they could not able to support us properly during our preterm journey to till now. Due to both side family problems, I was in much stress during my pregnancy. Me and my hubby supported each other. He was under learning process to support his partner. I was in 5th mnth of pregnancy. Took scan. It was stated as polyhydrominos. We went for doc visit with scan report. Before visiting doc we just googled to know what is polyhydrominos??? It is specified as pre term chances are there. During the doc visit, we raised question as "Doc is there any chances of preterm birth"?. She scolded me stating ...
Post a Comment
Read more

Java Developer - 5 yrs Exp - KloudOne Technologies

 
Post a Comment
Read more