Media Queries

RakibRahman · RakibRahman · commit d6dfe25baece · 2020-12-23T15:32:56.000+06:00
diff --git a/CSS-Media-Queries/intro.css b/CSS-Media-Queries/intro.css
@@ -0,0 +1,24 @@
+h1 {
+  color: orangered;
+  font-size: 3rem;
+  text-align: center;
+  margin-top: 300px;
+}
+@media (min-width: 43.75em) {
+  h1 {
+    font-size: 4.5rem;
+    color: orchid;
+  }
+}
+@media (min-width: 62em) {
+  h1 {
+    font-size: 5rem;
+    color: forestgreen;
+  }
+}
+@media (min-width: 87em) {
+  h1 {
+    font-size: 5.5rem;
+    color: blueviolet;
+  }
+}
diff --git a/CSS-Media-Queries/intro.html b/CSS-Media-Queries/intro.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Media Queries Basics</title>
+    <link rel="stylesheet" href="intro.css" />
+  </head>
+  <body>
+    <h1>This World Shall Know Pain</h1>
+  </body>
+</html>
