Background Images - background-size

Author: pktcodes

styles.css

@@ -1,26 +1,25 @@
-/* background-repeat */
+/* background-size */
 
 div {
   height: 300px;
   color: white;
-  /* border: 2px solid red; */
+  border: 2px solid red;
 }
 
 .big-img {
   background: url("./big.jpeg");
   background-repeat: no-repeat;
+  background-size: cover;
 }
 
 .small-img {
   background: url("./small.jpeg");
-  background-repeat: repeat-x;
-  background-repeat: repeat-y;
-  background-repeat: space;
-  background-repeat: round;
   background-repeat: no-repeat;
+  background-size: cover;
 }
 
 .folder-img {
   background: url("./images/folder-img.jpeg");
-  background-repeat: no-repeat;
+  /* background-repeat: no-repeat; */
+  background-size: contain;
 }