Question: Media query: write html media query rules for the following scenarios. Then test your statements on a webpage. Take screenshots of your test When the

  1. Media query: write html media query rules for the following scenarios. Then test your statements on a webpage. Take screenshots of your test
    1. When the width between 400px and 600px on screen
    2. When the screen is in portrait orientation and width is less than 640px
    3. When the screen is narrower than 16:9 aspect ratio and the width is between 480px and 960px
    4. I want to display the same set of CSS styles to people printing the page and people browsing on a screen with width less than 480px

Step by Step Solution

There are 3 Steps involved in it

1 Expert Approved Answer
Step: 1 Unlock blur-text-image
Question Has Been Solved by an Expert!

Get step-by-step solutions from verified subject matter experts

Step: 2 Unlock
Step: 3 Unlock

Students Have Also Explored These Related Databases Questions!