.research-grid { display:grid; grid-template-columns: auto auto; grid-template-rows: auto; grid-gap: 1em; } .research-grid > .image { display: flex; justify-content: center; width: 100%; grid-area: 1/1; } .research-grid > .info { grid-area: 1/2; border: 2px solid #666; border-radius: 1em; padding: 1em; background-color: #eee; width:300px; } .research-wrapper .TabLabelText { border-radius:8pt 8pt 0 0; } @media only screen and (max-width:1000px) { .research-grid { grid-template-rows: auto auto; grid-template-columns: auto; width:100%; } .research-grid > .info { grid-area: 2/1; width:unset; } .research-grid > .image { } } .affiliation { background: white; margin-top: -1em; padding: 0.5em 1em; margin-bottom: 1em; border-bottom: 2px solid lightseagreen; border-bottom-left-radius: 1em; border-bottom-right-radius: 1em; border-left: 4px solid lightseagreen; border-right: 4px solid lightseagreen; font-weight: bold; } /* [[Category:在模板名字空间下的CSS页面]] */