Skip to content
This repository was archived by the owner on Feb 27, 2023. It is now read-only.

Commit 82a4475

Browse files
committed
Move exercise styles and images in /css and /images dirs
1 parent ccc0334 commit 82a4475

File tree

10 files changed

+19
-20
lines changed

10 files changed

+19
-20
lines changed

exercise-specific-src/13-order/custom.css renamed to css/week2-13-order.css

+5-1
Original file line numberDiff line numberDiff line change
@@ -11,4 +11,8 @@ body {
1111

1212
.solution {
1313
width: 300px;
14-
}
14+
}
15+
16+
.countries {
17+
display: flex;
18+
}

exercise-specific-src/14-align-self/custom.css renamed to css/week2-14-align-self.css

+5-3
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,11 @@
1+
.countries {
2+
display: flex;
3+
}
4+
15
.countries--tall {
26
min-height: 200px;
37
}
48

5-
6-
79
body {
810
display: flex;
911
justify-content: space-evenly;
@@ -18,4 +20,4 @@ body {
1820

1921
.solution {
2022
width: 540px;
21-
}
23+
}

week-2/13-order/flexbox.css

+1-5
Original file line numberDiff line numberDiff line change
@@ -1,5 +1 @@
1-
.countries {
2-
display: flex;
3-
}
4-
5-
/* Add your own CSS code below */
1+
/* Add your own CSS code below */

week-2/13-order/index.html

+3-3
Original file line numberDiff line numberDiff line change
@@ -6,9 +6,9 @@
66
<title>13 - Order - HTML, CSS and Git Exercises</title>
77
<link rel="stylesheet" href="/css/normalize.css">
88
<link rel="stylesheet" href="/css/week2.css">
9-
<link rel="stylesheet" href="/css/week2-flexbox.css">
9+
<link rel="stylesheet" href="/css/week2-flexbox.css">
1010
<link rel="stylesheet" href="flexbox.css">
11-
<link rel="stylesheet" href="../../exercise-specific-src/13-order/custom.css">
11+
<link rel="stylesheet" href="/css/week2-13-order.css">
1212
</head>
1313

1414
<body>
@@ -46,7 +46,7 @@ <h1 class="site-header__title">Third</h1>
4646
<p>Bonus points: there are two solutions to this exercise, using flexbox properties you learned. See if you can find both.</p>
4747
</div>
4848
<div class="site-wrapper site-wrapper">
49-
<img class="solution" src="../../exercise-specific-src/13-order/solutions.png">
49+
<img class="solution" src="/images/13-solutions.png">
5050
</div>
5151
</body>
5252

week-2/14-align-self/flexbox.css

+1-4
Original file line numberDiff line numberDiff line change
@@ -1,4 +1 @@
1-
.countries {
2-
display: flex;
3-
}
4-
/* Add your own CSS code below */
1+
/* Add your own CSS code below */

week-2/14-align-self/index.html

+2-2
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@
88
<link rel="stylesheet" href="/css/week2.css">
99
<link rel="stylesheet" href="/css/week2-flexbox.css">
1010
<link rel="stylesheet" href="flexbox.css">
11-
<link rel="stylesheet" href="../../exercise-specific-src/14-align-self/custom.css">
11+
<link rel="stylesheet" href="/css/week2-14-align-self.css">
1212
</head>
1313

1414
<body>
@@ -55,7 +55,7 @@ <h1 class="site-header__title">Fourth</h1>
5555
</ul>
5656
</div>
5757
<div class="site-wrapper site-wrapper">
58-
<img class="solution" src="../../exercise-specific-src/14-align-self/solutions.png">
58+
<img class="solution" src="/images/14-solutions.png">
5959
</div>
6060
</body>
6161

week-2/14-align-self/readme.md

+2-2
Original file line numberDiff line numberDiff line change
@@ -10,6 +10,6 @@ In this exercise, you will use align-self and align-items to change the position
1010
3. Do the same thing for the Second and Third list.
1111
---
1212

13-
![Example of align-items vs. align-self](../../exercise-specific-src/14-align-self/example1.png)
13+
![Example of align-items vs. align-self](/images/14-example.png)
1414

15-
You can use the same values for `align-self` as you used for `align-items`.
15+
You can use the same values for `align-self` as you used for `align-items`.

0 commit comments

Comments
 (0)