mobile friendly

2025-10-24 13:51:56 +02:00
parent c02ccaf272
commit a2461e1cf9
4 changed files with 211 additions and 93 deletions
--- a/responsive.html
+++ b/responsive.html
@@ -1,9 +1,71 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
-		<title>A title</title>
-		<meta charset="UTF-8">
-		<link href="style.css" rel="stylesheet">
+ 
+
+<style>
+
+* {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+}
+
+body {
+  font-family: Arial, sans-serif;
+  line-height: 1.6;
+}
+
+header {
+  background: #333;
+  color: #fff;
+  padding: 20px;
+  text-align: center;
+}
+
+nav ul {
+  list-style: none;
+  padding: 0;
+}
+
+nav ul li {
+  display: inline;
+  margin-right: 10px;
+}
+
+nav ul li a {
+  color: #fff;
+  text-decoration: none;
+}
+
+.intro {
+  text-align: center;
+  padding: 40px;
+  background: #f4f4f4;
+}
+
+.features {
+  display: flex;
+  justify-content: space-around;
+  padding: 20px;
+}
+
+.feature-item {
+  background: #fff;
+  padding: 20px;
+  border: 1px solid #ddd;
+  width: 30%;
+}
+
+footer {
+  text-align: center;
+  padding: 20px;
+  background: #333;
+  color: #fff;
+}
+
+</style>
+
 </head>
 <body>
  <header>
@@ -13,7 +75,7 @@
        <li><a href="#">Home</a></li>
        <li><a href="#">About</a></li>
        <li><a href="#">Services</a></li>
-        <li><a href="form.html">User Registration</a></li>
+        <li><a href="#">Contact</a></li>
      </ul>
    </nav>
  </header>