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.









Comments

Popular posts from this blog

kindergarten Kids Activities - Learn with Fun #Lockdown #KidsActivities

International Nurses Day 2020 #HealthCareWorkers #Tribute

Our personal Journey with Extreme Preterm Baby - Part 6

#PrematurityAwarnessMonth Our personal journey with Extreme Preterm baby #Part6 I am thankful to each one who travelled in my hard journey.    NICU Doctors Binu Sir & Team- Who gave their  heart and soul for my baby recovery. Who patiently replied to all our queries all time 24*7 till he turned one yr. Gynecologist Dhanalakshmi Mam & Team - First 28 days after my delivery,  when I suffered a lot because of severe vaginal infections, I cannt able to sit, stand & walk because of severe unbearable pain. But I must be active & alert all through the day & night for my child at NICU and outside NICU room.Oh my goodness,  she took care of me like her own daughter in hospital by giving more positivity to travel forward. I never forget that in my life🄰 Pediatrician Udhayakumar Sir & Team - For never ending lovable support till now. Surgeon Bala Sir & Team - When my son at 1.5 kg weight(45 days old baby) undergone surgery done by you,  s...