/* BASIC STYLING */
  body {
    margin:0;
    padding:0;
  }
  
/* Lesson 2 Example 1 */
 .container {
   margin: auto;
   border: 10px solid red;
   height: 600px;
   width: 1200px;
   display: flex; 
 }

 img {
   margin: 10px;
   height: 90px;
   width: 150px;
 }

/* Lesson 2 Example 2 */
 .container2 {
   margin: auto;
   border: 10px solid red;
   height: 600px;
   width: 700px;
   display: flex;
}

/* Lesson 2 Example 3 */
.container3 {
   margin: auto;
   border: 10px solid red;
   height: 600px;
   width: 700px;
   display: flex;
   flex-wrap: wrap;
}

/* Lesson 2 Example 4 */
.container4 {
   margin: auto;
   border: 10px solid red;
   height: 600px;
   width: 700px;
   display: flex;
   flex-wrap: wrap-reverse;
}

/* Lesson 2 Example 5 */
.container5 {
   margin: auto;
   border: 10px solid red;
   height: 600px;
   width: 700px;
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
}

/* Lesson 2 Example 6 */
.container6 {
   margin: auto;
   border: 10px solid red;
   height: 600px;
   width: 1500px;
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
}

/* Lesson 2 Example 7 */
.container7 {
   margin: auto;
   border: 10px solid red;
   height: 600px;
   width: 1500px;
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
}

/* Lesson 2 Example 8 */
.container8 {
   margin: auto;
   border: 10px solid red;
   height: 600px;
   width: 500px;
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
}

/* Lesson 2 Example 9 */
.container9 {
   margin: auto;
   border: 10px solid red;
   height: 600px;
   width: 500px;
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   align-content: center;
}

/* Lesson 2 Example 10 */
.container10 {
   margin: auto;
   border: 10px solid red;
   height: 600px;
   width: 500px;
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   align-content: flex-start;
}

/* Lesson 2 Example 11 */
.container11 {
   margin: auto;
   border: 10px solid red;
   height: 600px;
   width: 500px;
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   align-content: flex-end;
}  

/* MOBILE BASIC STYLING */

@media only screen and (max-width:400px) {

}


/* THIS IS FOR THE IPHONE 13; 14 and 15 */

@media screen and (min-aspect-ratio: 2.164/1) {

}