Group 6: modernize content

estelle · estelle · commit 7dd6b102420c · 2023-02-08T11:06:54.000-08:00
diff --git a/howto/box-shadow-button.html b/howto/box-shadow-button.html
@@ -1,8 +1,8 @@
-<!doctype html>
-<html lang="en">
-
+<!DOCTYPE html>
+<html lang="en-us">
 <head>
-    <meta charset="utf-8">
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width" />
     <title>CSS Solutions: How to add a shadow to an element</title>
     <link rel="stylesheet" href="styles.css">
     <style>
diff --git a/howto/center.html b/howto/center.html
@@ -1,8 +1,8 @@
-<!doctype html>
-<html lang="en">
-
+<!DOCTYPE html>
+<html lang="en-us">
 <head>
-    <meta charset="utf-8">
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width" />
     <title>CSS Solutions: How to center an element</title>
     <link rel="stylesheet" href="styles.css">
     <style>
diff --git a/howto/highlight_first_line.html b/howto/highlight_first_line.html
@@ -1,8 +1,8 @@
-<!doctype html>
-<html lang="en">
-
+<!DOCTYPE html>
+<html lang="en-us">
 <head>
-    <meta charset="utf-8">
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width" />
     <title>CSS Solutions: How to highlight the first line of a paragraph</title>
     <link rel="stylesheet" href="styles.css">
     <style>
diff --git a/howto/highlight_first_line2.html b/howto/highlight_first_line2.html
@@ -1,8 +1,8 @@
-<!doctype html>
-<html lang="en">
-
+<!DOCTYPE html>
+<html lang="en-us">
 <head>
-    <meta charset="utf-8">
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width" />
     <title>CSS Solutions: How to highlight the first line of a paragraph</title>
     <link rel="stylesheet" href="styles.css">
     <style>
diff --git a/howto/highlight_first_para.html b/howto/highlight_first_para.html
@@ -1,8 +1,8 @@
-<!doctype html>
-<html lang="en">
-
+<!DOCTYPE html>
+<html lang="en-us">
 <head>
-    <meta charset="utf-8">
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width" />
     <title>CSS Solutions: How to highlight the first paragraph</title>
     <link rel="stylesheet" href="styles.css">
     <style>
diff --git a/howto/highlight_h1_plus_para.html b/howto/highlight_h1_plus_para.html
@@ -1,8 +1,8 @@
-<!doctype html>
-<html lang="en">
-
+<!DOCTYPE html>
+<html lang="en-us">
 <head>
-    <meta charset="utf-8">
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width" />
     <title>CSS Solutions: How to highlight a paragraph right after an h1</title>
     <link rel="stylesheet" href="styles.css">
     <style>
diff --git a/howto/object-fit.html b/howto/object-fit.html
@@ -1,8 +1,8 @@
-<!doctype html>
-<html lang="en">
-
+<!DOCTYPE html>
+<html lang="en-us">
 <head>
-    <meta charset="utf-8">
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width" />
     <title>CSS Solutions: How to fill a box with an image without distorting it</title>
     <link rel="stylesheet" href="styles.css">
     <style>
diff --git a/howto/opacity.html b/howto/opacity.html
@@ -1,8 +1,8 @@
-<!doctype html>
-<html lang="en">
-
+<!DOCTYPE html>
+<html lang="en-us">
 <head>
-    <meta charset="utf-8">
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width" />
     <title>CSS Solutions: How to make a background color semi-transparent</title>
     <link rel="stylesheet" href="styles.css">
     <style>
diff --git a/howto/text-shadow.html b/howto/text-shadow.html
@@ -1,8 +1,8 @@
-<!doctype html>
-<html lang="en">
-
+<!DOCTYPE html>
+<html lang="en-us">
 <head>
-    <meta charset="utf-8">
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width" />
     <title>CSS Solutions: How to add a shadow to text</title>
     <link rel="stylesheet" href="styles.css">
     <style>
diff --git a/howto/transition-button.html b/howto/transition-button.html
@@ -1,8 +1,8 @@
-<!doctype html>
-<html lang="en">
-
+<!DOCTYPE html>
+<html lang="en-us">
 <head>
-    <meta charset="utf-8">
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width" />
     <title>CSS Solutions: How to transition a button</title>
     <link rel="stylesheet" href="styles.css">
     <style>
diff --git a/images/image-set-type.html b/images/image-set-type.html
@@ -1,8 +1,8 @@
-<!doctype html>
-<html lang="en">
-
+<!DOCTYPE html>
+<html lang="en-us">
 <head>
-    <meta charset="utf-8">
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width" />
     <title>image-set() type()</title>
     <link rel="stylesheet" href="styles.css">
     <style>
diff --git a/images/image-set.html b/images/image-set.html
@@ -1,8 +1,8 @@
-<!doctype html>
-<html lang="en">
-
+<!DOCTYPE html>
+<html lang="en-us">
 <head>
-    <meta charset="utf-8">
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width" />
     <title>image-set()</title>
     <link rel="stylesheet" href="styles.css">
     <style>
diff --git a/inline-formatting/align.html b/inline-formatting/align.html
@@ -1,7 +1,8 @@
 <!DOCTYPE html>
-<html>
+<html lang="en-us">
   <head>
     <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width" />
     <title>Inline Formatting Context - alignment</title>
 
     <style>
diff --git a/inline-formatting/break.html b/inline-formatting/break.html
@@ -1,7 +1,8 @@
 <!DOCTYPE html>
-<html>
+<html lang="en-us">
   <head>
     <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width" />
     <title>Inline Formatting Context - alignment</title>
 
     <style>
diff --git a/inline-formatting/inline.html b/inline-formatting/inline.html
@@ -1,7 +1,8 @@
 <!DOCTYPE html>
-<html>
+<html lang="en-us">
   <head>
     <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width" />
     <title>Inline Formatting Context</title>
 
     <style>
diff --git a/inline-formatting/mbp.html b/inline-formatting/mbp.html
@@ -1,7 +1,8 @@
 <!DOCTYPE html>
-<html>
+<html lang="en-us">
   <head>
     <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width" />
     <title>Inline Formatting Context - Margins, border, padding</title>
 
     <style>
diff --git a/inline-formatting/text-align.html b/inline-formatting/text-align.html
@@ -1,7 +1,8 @@
 <!DOCTYPE html>
-<html>
+<html lang="en-us">
   <head>
     <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width" />
     <title>text-align</title>
 
     <style>
diff --git a/is-where/index.html b/is-where/index.html
@@ -1,7 +1,8 @@
 <!DOCTYPE html>
-<html>
+<html lang="en-us">
   <head>
     <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width" />
     <title>:is() and :where(), examples and differences</title>
 
     <style>
diff --git a/min-max-clamp/index.html b/min-max-clamp/index.html
@@ -1,7 +1,8 @@
 <!DOCTYPE html>
-<html lang="en">
+<html lang="en-us">
   <head>
-    <meta charset="utf-8">
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width" />
     <title>min(), max(), clamp() playground</title>
     <style>
       html {
diff --git a/object-fit-basics/index.html b/object-fit-basics/index.html
@@ -1,23 +1,17 @@
 <!DOCTYPE html>
-<html>
+<html lang="en-us">
   <head>
-    <meta charset="utf-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
-    <meta name="viewport" content="width=device-width">
-
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width" />
     <title>Object-fit basics</title>
-
-    <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' type='text/css'>
+    <link href="http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300" rel="stylesheet">
     <link rel="stylesheet" href="style.css">
-    <!--[if lt IE 9]>
-      <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
-    <![endif]-->
   </head>
 
   <body>
     <h1>Object fit basics</h1>
 
-    <p>This page illustrates different object-fit settings. It is part of the <a href="http://hacks.mozilla.org/2015/01/exploring-object-fit/">Exploring object-fit</a> Mozilla Hacks post. For the following examples to work, you'll need to be using a fairly new browser — Firefox 36+, Chrome 31+, Opera 26+ or Safari 8+. The latter supports <code>object-fit</code>, but not <code>object-position</code>.</p>
+    <p>This page illustrates different object-fit settings. It is part of the <a href="http://hacks.mozilla.org/2015/01/exploring-object-fit/">Exploring object-fit</a> Mozilla Hacks post.</p>
 
     <h2 id="contain">object-fit: contain</h2>
 
diff --git a/object-fit-gallery/index.html b/object-fit-gallery/index.html
@@ -1,10 +1,8 @@
 <!DOCTYPE html>
-<html>
+<html lang="en-us">
   <head>
-    <meta charset="utf-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
-    <meta name="viewport" content="width=device-width">
-
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width" />
     <title>Object-fit gallery</title>
 
     <link rel="stylesheet" href="style.css">
