/* 
  Name: Evan Jackovich
  Course: ITWP 1050
  Assignment: Homework5
  Date: 4/26/2025
*/

/* section 1.2 step 1 (media query text)*/
 @media (max-width: 800px) {
      body {
        font-size: 16px; 
      }

      h1 {
        font-size: 32px; 
      }



/* section 1.2 step 2 (media query background)*/
@media (max-width: 600px) {
  body {
    background-color: lightcoral; 
  }



/* section 1.2 step 3 (responsive images)*/
.responsive-img {
  max-width: 100%;
  height: auto;
}




/* section 1.2 step 4 (responsive section)*/
.container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  background: skyblue;
  padding: 0.25rem;
}
.item {
  background: red;
  color: white;
  text-align: center;
  margin: 0.25rem;
  font-size: 2rem;
}
.wide {
  width: 300px;
}