html { background-color: #fff; background-image: url("https://willy.club/img/imagedoc-lightnoise.png"); } body { color: #222; font-size: 14px; font-family: "Liberation Sans", Arial, sans-serif; line-height: 1.5; margin: 0; } h1, h2, h3, h4 { display: inline; } .navbar-top-head { padding: 12px; background: #472886; background: linear-gradient(0deg, rgba(71,40,134,1) 0%, rgba(81,24,195,1) 100%); } .navbar-top-inner { max-width: 900px; margin: 0 auto; } .navbar-top-inner a { color: #f8f8f8; text-decoration: none; } .grid-container { display: grid; grid-template-columns: minmax(150px, auto) auto; grid-gap: 12px; max-width: 900px; margin: 0 auto; padding: 12px; } main img { display: block; max-width: 100%; height: auto; border: 1px solid #aaa; } nav { background: #eee; border: 1px solid #aaa; } nav > ul { padding-right: 12px; } a { color: rgb(0, 0, 255); } footer { background: #ddd; border-top: 1px solid #aaa; padding: 12px; } .footer-inner { max-width: 900px; margin: 0 auto; } @media only screen and (max-width: 600px) { .grid-container { grid-template-columns: auto; } }