+
diff --git a/src/main/angular/src/common.less b/src/main/angular/src/common.less
index f1f2b56..b768653 100644
--- a/src/main/angular/src/common.less
+++ b/src/main/angular/src/common.less
@@ -1,2 +1,2 @@
@import "states";
-@import "widths";
+@import "tile";
diff --git a/src/main/angular/src/tile.less b/src/main/angular/src/tile.less
new file mode 100644
index 0000000..7946f53
--- /dev/null
+++ b/src/main/angular/src/tile.less
@@ -0,0 +1,32 @@
+@import "config";
+
+.tile {
+ float: left;
+ width: 100%;
+ padding: calc(@space / 2);
+}
+
+@media (min-width: 1000px) {
+
+ .tile {
+ width: 33.33%;
+ min-height: 400px;
+ }
+
+}
+
+@media (min-width: 1500px) {
+
+ .tile {
+ width: 25%;
+ }
+
+}
+
+@media (min-width: 2000px) {
+
+ .tile {
+ width: 20%;
+ }
+
+}
diff --git a/src/main/angular/src/widths.less b/src/main/angular/src/widths.less
deleted file mode 100644
index 884245d..0000000
--- a/src/main/angular/src/widths.less
+++ /dev/null
@@ -1,45 +0,0 @@
-@import "config";
-
-.width100 {
- float: left;
- width: 100%;
- padding: calc(@space / 2);
-}
-
-.width50 {
- float: left;
- width: 50%;
- padding: calc(@space / 2);
-}
-
-.width50:nth-child(2n) {
- padding-left: calc(@space / 2);
-}
-
-.width50:nth-child(2n+1) {
- padding-right: calc(@space / 2);
-}
-
-@media (min-width: 1000px) {
-
- .width100 {
- width: 33.33%;
- }
-
-}
-
-@media (min-width: 1500px) {
-
- .width100 {
- width: 25%;
- }
-
-}
-
-@media (min-width: 2000px) {
-
- .width100 {
- width: 20%;
- }
-
-}