Skip to content

Commit 7dd6b10

Browse files
estelleestelle
committed
Group 6: modernize content
1 parent 916f38a commit 7dd6b10

21 files changed

+71
-72
lines changed

‎howto/box-shadow-button.html

+4-4
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
1-
<!doctype html>
2-
<html lang="en">
3-
1+
<!DOCTYPE html>
2+
<html lang="en-us">
43
<head>
5-
<meta charset="utf-8">
4+
<meta charset="utf-8" />
5+
<meta name="viewport" content="width=device-width" />
66
<title>CSS Solutions: How to add a shadow to an element</title>
77
<link rel="stylesheet" href="styles.css">
88
<style>

‎howto/center.html

+4-4
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
1-
<!doctype html>
2-
<html lang="en">
3-
1+
<!DOCTYPE html>
2+
<html lang="en-us">
43
<head>
5-
<meta charset="utf-8">
4+
<meta charset="utf-8" />
5+
<meta name="viewport" content="width=device-width" />
66
<title>CSS Solutions: How to center an element</title>
77
<link rel="stylesheet" href="styles.css">
88
<style>

‎howto/highlight_first_line.html

+4-4
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
1-
<!doctype html>
2-
<html lang="en">
3-
1+
<!DOCTYPE html>
2+
<html lang="en-us">
43
<head>
5-
<meta charset="utf-8">
4+
<meta charset="utf-8" />
5+
<meta name="viewport" content="width=device-width" />
66
<title>CSS Solutions: How to highlight the first line of a paragraph</title>
77
<link rel="stylesheet" href="styles.css">
88
<style>

‎howto/highlight_first_line2.html

+4-4
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
1-
<!doctype html>
2-
<html lang="en">
3-
1+
<!DOCTYPE html>
2+
<html lang="en-us">
43
<head>
5-
<meta charset="utf-8">
4+
<meta charset="utf-8" />
5+
<meta name="viewport" content="width=device-width" />
66
<title>CSS Solutions: How to highlight the first line of a paragraph</title>
77
<link rel="stylesheet" href="styles.css">
88
<style>

‎howto/highlight_first_para.html

+4-4
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
1-
<!doctype html>
2-
<html lang="en">
3-
1+
<!DOCTYPE html>
2+
<html lang="en-us">
43
<head>
5-
<meta charset="utf-8">
4+
<meta charset="utf-8" />
5+
<meta name="viewport" content="width=device-width" />
66
<title>CSS Solutions: How to highlight the first paragraph</title>
77
<link rel="stylesheet" href="styles.css">
88
<style>

‎howto/highlight_h1_plus_para.html

+4-4
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
1-
<!doctype html>
2-
<html lang="en">
3-
1+
<!DOCTYPE html>
2+
<html lang="en-us">
43
<head>
5-
<meta charset="utf-8">
4+
<meta charset="utf-8" />
5+
<meta name="viewport" content="width=device-width" />
66
<title>CSS Solutions: How to highlight a paragraph right after an h1</title>
77
<link rel="stylesheet" href="styles.css">
88
<style>

‎howto/object-fit.html

+4-4
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
1-
<!doctype html>
2-
<html lang="en">
3-
1+
<!DOCTYPE html>
2+
<html lang="en-us">
43
<head>
5-
<meta charset="utf-8">
4+
<meta charset="utf-8" />
5+
<meta name="viewport" content="width=device-width" />
66
<title>CSS Solutions: How to fill a box with an image without distorting it</title>
77
<link rel="stylesheet" href="styles.css">
88
<style>

‎howto/opacity.html

+4-4
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
1-
<!doctype html>
2-
<html lang="en">
3-
1+
<!DOCTYPE html>
2+
<html lang="en-us">
43
<head>
5-
<meta charset="utf-8">
4+
<meta charset="utf-8" />
5+
<meta name="viewport" content="width=device-width" />
66
<title>CSS Solutions: How to make a background color semi-transparent</title>
77
<link rel="stylesheet" href="styles.css">
88
<style>

‎howto/text-shadow.html

+4-4
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
1-
<!doctype html>
2-
<html lang="en">
3-
1+
<!DOCTYPE html>
2+
<html lang="en-us">
43
<head>
5-
<meta charset="utf-8">
4+
<meta charset="utf-8" />
5+
<meta name="viewport" content="width=device-width" />
66
<title>CSS Solutions: How to add a shadow to text</title>
77
<link rel="stylesheet" href="styles.css">
88
<style>

‎howto/transition-button.html

+4-4
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
1-
<!doctype html>
2-
<html lang="en">
3-
1+
<!DOCTYPE html>
2+
<html lang="en-us">
43
<head>
5-
<meta charset="utf-8">
4+
<meta charset="utf-8" />
5+
<meta name="viewport" content="width=device-width" />
66
<title>CSS Solutions: How to transition a button</title>
77
<link rel="stylesheet" href="styles.css">
88
<style>

‎images/image-set-type.html

+4-4
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
1-
<!doctype html>
2-
<html lang="en">
3-
1+
<!DOCTYPE html>
2+
<html lang="en-us">
43
<head>
5-
<meta charset="utf-8">
4+
<meta charset="utf-8" />
5+
<meta name="viewport" content="width=device-width" />
66
<title>image-set() type()</title>
77
<link rel="stylesheet" href="styles.css">
88
<style>

‎images/image-set.html

+4-4
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
1-
<!doctype html>
2-
<html lang="en">
3-
1+
<!DOCTYPE html>
2+
<html lang="en-us">
43
<head>
5-
<meta charset="utf-8">
4+
<meta charset="utf-8" />
5+
<meta name="viewport" content="width=device-width" />
66
<title>image-set()</title>
77
<link rel="stylesheet" href="styles.css">
88
<style>

‎inline-formatting/align.html

+2-1
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,8 @@
11
<!DOCTYPE html>
2-
<html>
2+
<html lang="en-us">
33
<head>
44
<meta charset="utf-8" />
5+
<meta name="viewport" content="width=device-width" />
56
<title>Inline Formatting Context - alignment</title>
67

78
<style>

‎inline-formatting/break.html

+2-1
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,8 @@
11
<!DOCTYPE html>
2-
<html>
2+
<html lang="en-us">
33
<head>
44
<meta charset="utf-8" />
5+
<meta name="viewport" content="width=device-width" />
56
<title>Inline Formatting Context - alignment</title>
67

78
<style>

‎inline-formatting/inline.html

+2-1
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,8 @@
11
<!DOCTYPE html>
2-
<html>
2+
<html lang="en-us">
33
<head>
44
<meta charset="utf-8" />
5+
<meta name="viewport" content="width=device-width" />
56
<title>Inline Formatting Context</title>
67

78
<style>

‎inline-formatting/mbp.html

+2-1
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,8 @@
11
<!DOCTYPE html>
2-
<html>
2+
<html lang="en-us">
33
<head>
44
<meta charset="utf-8" />
5+
<meta name="viewport" content="width=device-width" />
56
<title>Inline Formatting Context - Margins, border, padding</title>
67

78
<style>

‎inline-formatting/text-align.html

+2-1
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,8 @@
11
<!DOCTYPE html>
2-
<html>
2+
<html lang="en-us">
33
<head>
44
<meta charset="utf-8" />
5+
<meta name="viewport" content="width=device-width" />
56
<title>text-align</title>
67

78
<style>

‎is-where/index.html

+2-1
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,8 @@
11
<!DOCTYPE html>
2-
<html>
2+
<html lang="en-us">
33
<head>
44
<meta charset="utf-8" />
5+
<meta name="viewport" content="width=device-width" />
56
<title>:is() and :where(), examples and differences</title>
67

78
<style>

‎min-max-clamp/index.html

+3-2
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,8 @@
11
<!DOCTYPE html>
2-
<html lang="en">
2+
<html lang="en-us">
33
<head>
4-
<meta charset="utf-8">
4+
<meta charset="utf-8" />
5+
<meta name="viewport" content="width=device-width" />
56
<title>min(), max(), clamp() playground</title>
67
<style>
78
html {

‎object-fit-basics/index.html

+5-11
Original file line numberDiff line numberDiff line change
@@ -1,23 +1,17 @@
11
<!DOCTYPE html>
2-
<html>
2+
<html lang="en-us">
33
<head>
4-
<meta charset="utf-8">
5-
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
6-
<meta name="viewport" content="width=device-width">
7-
4+
<meta charset="utf-8" />
5+
<meta name="viewport" content="width=device-width" />
86
<title>Object-fit basics</title>
9-
10-
<link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' type='text/css'>
7+
<link href="http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300" rel="stylesheet">
118
<link rel="stylesheet" href="style.css">
12-
<!--[if lt IE 9]>
13-
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
14-
<![endif]-->
159
</head>
1610

1711
<body>
1812
<h1>Object fit basics</h1>
1913

20-
<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>
14+
<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>
2115

2216
<h2 id="contain">object-fit: contain</h2>
2317

‎object-fit-gallery/index.html

+3-5
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,8 @@
11
<!DOCTYPE html>
2-
<html>
2+
<html lang="en-us">
33
<head>
4-
<meta charset="utf-8">
5-
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
6-
<meta name="viewport" content="width=device-width">
7-
4+
<meta charset="utf-8" />
5+
<meta name="viewport" content="width=device-width" />
86
<title>Object-fit gallery</title>
97

108
<link rel="stylesheet" href="style.css">

0 commit comments

Comments
 (0)