style.css

        body {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            margin: 0;
            padding: 20px;
            font: small-caps 400 17px monospace;
        }

        header{
          font-size:1.4em;
        }
        article{
          max-width:900px; 
          text-align:center;
        }
        h5, .red{
          color:red;
        }
        cite{
          color: green;
        }
        .ad-container {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            background-color:#ccc;
            padding:0px 5px;
            gap: 20px;
            max-width: 90%;
            width: 100%;
            font: 12px courier;
        }

        .ad {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            background: #f5f5f5;
            border: 1px solid #ccc;
            padding: 10px;
            width: 220px;
            min-height: 150px;
            height:auto;
            text-align: center;
        }
        .ad-container-header{
          flex: 0 0 100%;
          font-size:1em;
          border-bottom:1px solid #000;
          background-color:#000;
          color: #fff;
          padding:10px 5px;
        }
        .ad-container-header > h2{
          display:inline;
          margin:0.3em;
        }
        .ad-container-header > span{
          display:inline;
          float:right;
        }
        .ad > a {
            text-decoration: none;
            color: #000;
        }

        .ad > a:hover {
            text-decoration: underline;
        }

        .ad > a > div > img {
          width: 100%;
          height: 220px;
          object-fit:cover;
        }

        .ad > a > h3 {
          font-size: 0.9em;
          margin: 0;
          padding: 0;
        }

        .ad > a > p {
          font-size: 0.7em;;
          margin: 5px 0 0;
          padding: 0;
        } 

        .banner-ad {
            height: 200px;
            background: lightblue;
        }

        .video-ad {
            height: 250px;
            background: lightgreen;
            margin-top: 20px;
        }

        .audio-ad {
            height: 100px;
            background: lightyellow;
            margin-top: 20px;
        } w