User:Kuzupyon2/ctdnmedia.css

.ctdn-media-grid { /*max-width: 1200px;*/ display: grid; /*grid-gap: 10px;*/ grid-template-columns: repeat(auto-fit, minmax(250px, 0.31fr)); justify-content: center; align-items: start; /*margin-inline: auto;*/ }

.ctdn-media { border-width: 5px; border-style: solid; border-radius: 7px; font-family: sans-serif; overflow: hidden; margin: 10px; }

.ctdn-media img { max-width: 100%; height: auto; }

.ctdn-media h3 { margin: 0; padding: 0; }

.ctdn-media-anime { border-color: #86001a; }

.ctdn-media-music { border-color: #073250; }

.ctdn-media-irl { border-color: #bf9e5d; }

.ctdn-media--type { padding: 10px; text-align: center; font-weight: bold; text-transform: uppercase; color: #fff; }

.ctdn-media-anime .ctdn-media--type { background-color: #86001a; }

.ctdn-media-music .ctdn-media--type { background-color: #073250; }

.ctdn-media-irl .ctdn-media--type { background-color: #bf9e5d; }

.ctdn-media--img img { width: 100%; }

.ctdn-media--content { padding: 10px; text-align: center; }

h3.ctdn-media--title { font-size: x-large; margin-block: 15px; }

.ctdn-media--info { line-height: 1.2em; }

.ctdn-media--info p[class^="post-countdownAnime"], .ctdn-media--info p[class^="post-countdownMusic"], .ctdn-media--info p[class^="post-countdownIRLEnd"] { font-size: 1.2rem; font-weight: bold; }

.ctdn-media--info .notice { font-size: 0.69rem; }