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

kindergarten Kids Activities - Learn with Fun #Lockdown #KidsActivities

Post a Comment
Read more

Toddlers & Tantrums

Toddlers throwing tantrums is normal. We should not expect them to behave like adults.  As parents,  We should learn the way to handle their tantrums. But it is hardest learning in the world "Uffff".  That is what we feel.  But it is not that much hard,  once your start understanding them properly.  Imagine the below scenario,  Fit in yourself there and think  what you will do???  Scenario: You are crying lungs out because of  deep sadness/cranky emotions that triggered you personally.  While you cry,  the one very close to you comes close to you and giving tight slap on your face,  scolding you to stop crying on the spot.  How do you react at that moment?  You stop crying a very next second or you cry more than before???   You feel left alone or you feel safe by words & action of your closed one at that moment???  Even as adults that solution doesn't  serve the purpose of problem. How for...
Post a Comment
Read more

Job Opportunities - QA Engineer

 
Post a Comment
Read more