MInor changes

CSS/style.css

@@ -8,30 +8,31 @@ body {
   width: 100%;
   height: 100%;
   color: white;
-    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
+    Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
 }
 
-.container>div:nth-child(1) {
+.container > div:nth-child(1) {
   background-color: #41ca6e;
 }
 
-.container>div:nth-child(2) {
+.container > div:nth-child(2) {
   background-color: #fab153;
 }
 
-.container>div:nth-child(3) {
+.container > div:nth-child(3) {
   background-color: #7277d5;
 }
 
-.container>div:nth-child(4) {
+.container > div:nth-child(4) {
   background-color: #f87d51;
 }
 
-.container>div:nth-child(5) {
+.container > div:nth-child(5) {
   background-color: #ed5466;
 }
 
-.container>div:nth-child(6) {
+.container > div:nth-child(6) {
   background-color: #4ec2e7;
 }
 
@@ -43,8 +44,8 @@ body {
 
 .card {
   float: left;
-    width: calc(100%/3);
-    height: calc(100%/2);
+  width: calc(100% / 3);
+  height: calc(100% / 2);
 }
 
 .wrapper {
@@ -137,26 +138,26 @@ body {
   }
 
   .image-block {
-        width: 100%;
+    width: 60%;
     float: none;
     margin-left: 30%;
   }
 
   .image-block .images {
     float: none;
-        width: 26%;
+    width: 50%;
     margin: 10% 0 0 5%;
   }
 
   .image-block .image1 {
-        width: 30%;
+    width: 50%;
     float: none;
     margin-top: 8%;
   }
 
   .image-block .image2 {
     float: none;
-        width: 45%;
+    width: 75%;
     margin: 10% 30% 0 0;
   }
 
@@ -213,7 +214,7 @@ body {
 @media (min-width: 768px) and (max-width: 992px) {
   .card {
     width: 50%;
-        min-height: 21em;
+    min-height: 20em;
   }
 }