Media Queries in CSS

Full Stack Web Development Courses with Real-time projects Start Now!!

Program 1

<html>
    <head>
        <style>
          /*body{
            background-color: aqua;
          }

          @media (max-width:600px)
          {
            body{
                background-color: aquamarine;
            }
          }*/
          @media (orientation:landscape)
            {
                body{
                    background-color: beige;
                }
            }

            @media(orientation:portrait)
            {
                body{
                    background-color: bisque;
                }
            }

        </style>
    </head>
    <body>
        
    </body>
</html>

 

Did you like our efforts? If Yes, please give DataFlair 5 Stars on Google

courses

DataFlair Team

DataFlair Team provides high-impact content on programming, Java, Python, C++, DSA, AI, ML, data Science, Android, Flutter, MERN, Web Development, and technology. We make complex concepts easy to grasp, helping learners of all levels succeed in their tech careers.

Leave a Reply

Your email address will not be published. Required fields are marked *