Skip to content

Commit f40732f

Browse files
Rares MateiRares Matei
Rares Matei
authored and
Rares Matei
committed
move solutions to separate side panel
1 parent ddb9e3b commit f40732f

File tree

13 files changed

+43
-26
lines changed

13 files changed

+43
-26
lines changed

‎exercise-specific-src/13-order/custom.css

+13-2
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,14 @@
1-
.solution-example {
2-
height: 62px;
1+
body {
2+
display: flex;
3+
justify-content: space-evenly;
4+
flex-wrap: wrap;
5+
}
6+
7+
.site-wrapper {
8+
margin-right: 0;
9+
margin-left: 0;
10+
}
11+
12+
.solution {
13+
width: 300px;
314
}

‎exercise-specific-src/13-order/ex1.png

-16.8 KB
Binary file not shown.

‎exercise-specific-src/13-order/ex2.png

-16 KB
Binary file not shown.

‎exercise-specific-src/13-order/ex3.png

-16.1 KB
Binary file not shown.

‎exercise-specific-src/13-order/solutions.png

19.5 KB
Loading

‎exercise-specific-src/14-align-self/custom.css

+16-2
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,20 @@
22
min-height: 200px;
33
}
44

5-
.solution-example {
6-
height: 212px;
5+
6+
7+
body {
8+
display: flex;
9+
justify-content: space-evenly;
10+
flex-wrap: wrap;
11+
}
12+
13+
.site-wrapper {
14+
margin-right: 0;
15+
margin-left: 0;
16+
min-width: 540px;
17+
}
18+
19+
.solution {
20+
width: 540px;
721
}

‎exercise-specific-src/14-align-self/ex1.png

-41 KB
Binary file not shown.

‎exercise-specific-src/14-align-self/ex2.png

-34.1 KB
Binary file not shown.

‎exercise-specific-src/14-align-self/ex3.png

-33.3 KB
Binary file not shown.

‎exercise-specific-src/14-align-self/ex4.png

-39.1 KB
Binary file not shown.

‎exercise-specific-src/14-align-self/solutions.png

56.3 KB
Loading

‎week-2/13-order/index.html

+7-10
Original file line numberDiff line numberDiff line change
@@ -18,38 +18,35 @@ <h1 class="site-header__title">First</h1>
1818
</div>
1919
<ul class="countries countries--first">
2020
<li class="country country--brazil">Brazil</li>
21-
<li class="country country--croatia"></li>Croatia</li>
21+
<li class="country country--croatia">Croatia</li>
2222
<li class="country country--ethiopia">Ethiopia</li>
2323
<li class="country country--laos">Laos</li>
2424
<li class="country country--uganda">Uganda</li>
2525
</ul>
26-
<p>⬇️⬇️ should look like this ⬇️⬇️</p>
27-
<img class="solution-example" src="../../exercise-specific-src/13-order/ex1.png">
2826
<div class="site-header">
2927
<h1 class="site-header__title">Second</h1>
3028
</div>
3129
<ul class="countries countries--second">
3230
<li class="country country--brazil">Brazil</li>
33-
<li class="country country--croatia"></li>Croatia</li>
31+
<li class="country country--croatia">Croatia</li>
3432
<li class="country country--ethiopia">Ethiopia</li>
3533
<li class="country country--laos">Laos</li>
3634
<li class="country country--uganda">Uganda</li>
3735
</ul>
38-
<p>⬇️⬇️ should look like this ⬇️⬇️</p>
39-
<img class="solution-example" src="../../exercise-specific-src/13-order/ex2.png">
4036
<div class="site-header">
4137
<h1 class="site-header__title">Third</h1>
4238
</div>
4339
<ul class="countries countries--third">
4440
<li class="country country--brazil">Brazil</li>
45-
<li class="country country--croatia"></li>Croatia</li>
41+
<li class="country country--croatia">Croatia</li>
4642
<li class="country country--ethiopia">Ethiopia</li>
4743
<li class="country country--laos">Laos</li>
4844
<li class="country country--uganda">Uganda</li>
4945
</ul>
50-
<p>⬇️⬇️ should look like this ⬇️⬇️</p>
51-
<img class="solution-example" src="../../exercise-specific-src/13-order/ex3.png">
52-
<p>Bonus points: there are two solutions to this exercise. See if you can find both.</p>
46+
<p>Bonus points: there are two solutions to this exercise, using flexbox properties you learned. See if you can find both.</p>
47+
</div>
48+
<div class="site-wrapper site-wrapper">
49+
<img class="solution" src="../../exercise-specific-src/13-order/solutions.png">
5350
</div>
5451
</body>
5552

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

+7-12
Original file line numberDiff line numberDiff line change
@@ -18,49 +18,44 @@ <h1 class="site-header__title">First</h1>
1818
</div>
1919
<ul class="countries countries--tall countries--first">
2020
<li class="country country--brazil">Brazil</li>
21-
<li class="country country--croatia"></li>Croatia</li>
21+
<li class="country country--croatia">Croatia</li>
2222
<li class="country country--ethiopia">Ethiopia</li>
2323
<li class="country country--laos">Laos</li>
2424
<li class="country country--uganda">Uganda</li>
2525
</ul>
26-
<p>⬇️⬇️ should look like this ⬇️⬇️</p>
27-
<img class="solution-example" src="../../exercise-specific-src/14-align-self/ex1.png">
2826
<div class="site-header">
2927
<h1 class="site-header__title">Second</h1>
3028
</div>
3129
<ul class="countries countries--tall countries--second">
3230
<li class="country country--brazil">Brazil</li>
33-
<li class="country country--croatia"></li>Croatia</li>
31+
<li class="country country--croatia">Croatia</li>
3432
<li class="country country--ethiopia">Ethiopia</li>
3533
<li class="country country--laos">Laos</li>
3634
<li class="country country--uganda">Uganda</li>
3735
</ul>
38-
<p>⬇️⬇️ should look like this ⬇️⬇️</p>
39-
<img class="solution-example" src="../../exercise-specific-src/14-align-self/ex2.png">
4036
<div class="site-header">
4137
<h1 class="site-header__title">Third</h1>
4238
</div>
4339
<ul class="countries countries--tall countries--third">
4440
<li class="country country--brazil">Brazil</li>
45-
<li class="country country--croatia"></li>Croatia</li>
41+
<li class="country country--croatia">Croatia</li>
4642
<li class="country country--ethiopia">Ethiopia</li>
4743
<li class="country country--laos">Laos</li>
4844
<li class="country country--uganda">Uganda</li>
4945
</ul>
50-
<p>⬇️⬇️ should look like this ⬇️⬇️</p>
51-
<img class="solution-example" src="../../exercise-specific-src/14-align-self/ex3.png">
5246
<div class="site-header">
5347
<h1 class="site-header__title">Fourth</h1>
5448
</div>
5549
<ul class="countries countries--tall countries--fourth">
5650
<li class="country country--brazil">Brazil</li>
57-
<li class="country country--croatia"></li>Croatia</li>
51+
<li class="country country--croatia">Croatia</li>
5852
<li class="country country--ethiopia">Ethiopia</li>
5953
<li class="country country--laos">Laos</li>
6054
<li class="country country--uganda">Uganda</li>
6155
</ul>
62-
<p>⬇️⬇️ should look like this ⬇️⬇️</p>
63-
<img class="solution-example" src="../../exercise-specific-src/14-align-self/ex4.png">
56+
</div>
57+
<div class="site-wrapper site-wrapper">
58+
<img class="solution" src="../../exercise-specific-src/14-align-self/solutions.png">
6459
</div>
6560
</body>
6661

0 commit comments

Comments
 (0)