style.css

html, body {
    height: 100%;
    width: 100%;
  }
  .row{
    justify-content: center;
    border: 1px solid black;
    margin-top: 100px;
    margin-bottom: 100px;
    margin-right: 150px;
    margin-left: 80px;
    
  }
  .body{
   background: green;
  background-image: url(https://www.hp.com/us-en/shop/app/assets/images/uploads/prod/5%20Best%20Coding%20Programs%20for%20Aspiring%20Programmers1650304687858345.jpg);
   
  }
  .row {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
      grid-gap: 20px;
  }
  
  .row{
      display: grid;
      grid-template-rows: max-content 200px 1fr;
  }
  
  .row {
      object-fit: cover;
      width: 100%;
      height: 100%;
  }
  .jumbotron{
    margin-top: 4rem;
    border: 1px solid black;
  }
  
  .display-4{
      text-decoration-color: whitesmoke;
   
    text-shadow : 2px 2px
  }
  .button{
    background-color:green;
   
  }
  .p{
    text-decoration: bold
  }
  .name{
    font-family:"Fantasy"
  }