css-flexbox/index.html at master · lailahgrant/css-flexbox · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Flexbox Tutorial</title>
	<!-- <link rel="stylesheet" href="style.css"> -->
	<!-- <link rel="stylesheet" href="styles.css"> -->
	<!-- <link rel="stylesheet" href="mystyles.css"> -->
	<!-- <link rel="stylesheet" href="align.css"> -->
	<!-- <link rel="stylesheet" href="myalign.css"> -->
	<link rel="stylesheet" href="thealign.css">

</head>
<body>

<!-- if you style the .container as flex, all the content in the div becomes flex items by default -->

	<div class="container">
		<div class="box box1">1</div>
		<div class="box box2">2</div>
		<div class="box box3">3</div>
		<div class="box box4">4</div>
		<div class="box box5">5</div>
		<div class="box box6">6</div>
		<div class="box box7">7</div>
		<div class="box box8">8</div>
		<div class="box box9">9</div>
		<div class="box box10">10</div>
	</div>

</body>
</html>