CSS Home Example Code 1 | HTML, CSS and JS ONLINE COMPILER

<!DOCTYPE html>
<html>
<head>
  <title>Responsive Layout</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      line-height: 1.6;
      margin: 0;
      padding: 0;
    }
    header {
      background-color: #333;
      color: #fff;
      padding: 20px;
      text-align: center;
    }
    nav {
      background-color: #444;
      color: #fff;
      padding: 10px;
      text-align: center;
    }
    section {
      padding: 20px;
    }
    footer {
      background-color: #333;
      color: #fff;
      padding: 10px;
      text-align: center;
    }
    @media (max-width: 600px) {
      header, nav, footer {
        background-color: #666;
      }
    }
  </style>
</head>
<body>
  <header>
    <h1>Responsive Website</h1>
  </header>
  <nav>
    <a href="#">Home</a> | <a href="#">About</a> | <a href="#">Contact</a>
  </nav>
  <section>
    <h2>Welcome</h2>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
  </section>
  <footer>
    &copy; 2023 MyWebsite.com
  </footer>
</body>
</html>

FEEDBACK

Rating

Message