diff --git a/01-review/excercise/base.css b/01-review/excercise/base.css
new file mode 100644
index 0000000..f9b3c28
--- /dev/null
+++ b/01-review/excercise/base.css
@@ -0,0 +1,30 @@
+/* presentational CSS, no answers here -- ignore below this line */
+div > div {
+ font-size: 5rem;
+ text-align: center;
+ color: white;
+}
+.a {
+ background-color: #fcb10f;
+}
+.b {
+ background-color: #801340;
+}
+.c {
+ background-color: #4d2975;
+}
+.d {
+ background-color: #244479;
+}
+.e {
+ background-color: #55b4af;
+}
+.f {
+ background-color: rgba(128, 19, 64, 0.7);
+}
+.g {
+ background-color: rgba(77, 41, 117, 0.5);
+}
+.h {
+ background-color: rgba(252, 177, 15, 0.7);
+}
diff --git a/01-review/excercise/ex-1-flex.css b/01-review/excercise/ex-1-flex.css
new file mode 100644
index 0000000..1d2c948
--- /dev/null
+++ b/01-review/excercise/ex-1-flex.css
@@ -0,0 +1,27 @@
+.wrapper {
+ display: flex;
+ flex-flow: row wrap;
+ justify-content: space-between;
+ align-items: stretch;
+}
+
+.wrapper > * {
+ margin-bottom: 1rem;
+}
+
+.a,
+.h {
+ flex-basis: 66%;
+}
+
+.b,
+.d,
+.e,
+.f,
+.g {
+ flex-basis: 32%;
+}
+
+.c {
+ flex: 100%;
+}
diff --git a/01-review/excercise/ex-1-grid.css b/01-review/excercise/ex-1-grid.css
new file mode 100644
index 0000000..d1baa7a
--- /dev/null
+++ b/01-review/excercise/ex-1-grid.css
@@ -0,0 +1,14 @@
+.wrapper {
+ display: grid;
+ grid-template-columns: repeat(3, 1fr);
+ grid-gap: 1rem;
+}
+
+.a,
+.h {
+ grid-column: span 2;
+}
+
+.c {
+ grid-column: span 3;
+}
diff --git a/01-review/excercise/start.html b/01-review/excercise/start.html
new file mode 100644
index 0000000..f10b3ef
--- /dev/null
+++ b/01-review/excercise/start.html
@@ -0,0 +1,24 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
A
+
B
+
C
+
D
+
E
+
F
+
G
+
H
+