Spartan to Spartan

.container-deon { display: grid; grid-template-columns: repeat(auto-fill, minmax(275px, 1fr)); grid-gap: 2rem; margin: 2rem;}/* demo purposes only */* { font-family: "Poppins", sans-serif;}.card { height: 215px; position: relative; overflow: hidden; border-radius: 8px; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.25); display: grid; grid-template-rows: 1fr 1fr; transition: 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);}.card2 { height: 315px; position: relative; overflow: hidden; border-radius: 8px; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.25); display: grid; grid-template-rows: 1fr 1fr; transition: 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);} h3 { color: white; font-size: 24px; margin: 20px 0 0 20px;}p { color: white; font-weight: 400; font-size: 16px; align-self: end; margin: 0 0 20px 20px; letter-spacing: 0.5px;}img { position: absolute; top: 0; height: 110%; width: 100%; z-index: -1; transition: 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);}.card:hover { transform: scale(1.035, 1.035); box-shadow: 0 15px 30px rgba(0, 0, 0, 0.5);}.card:hover img { transform: translateY(-10px);} Card title Card description Card title Card description Card title Card description Card title Card description Card title Card description Card title Card description Card title Card description Card title Card description Card title Card description Card title Card description Card title Card description Card title Card description .container-test img { max-width: 100%; display: block; width: 100%; } .clone { display: none; } .subcaption { background-color: #177e3e; } .subcaption p { color: white; /* line-height: 0px; */ margin-bottom: 6px; margin-left: 12px; margin-right: 12px; margin-top: 5px; font-size: 11px; font-weight: 300; padding-bottom: 5px; } #subheads { font-size: 12px; font-weight: 500; } figure { margin: 0; display: grid; grid-template-rows: 1fr auto; margin-bottom: 10px; break-inside: avoid; } figure > img { grid-row: 1 / -1; grid-column: 1; } figure a { color: black; text-decoration: none; } figcaption { grid-row: 2; grid-column: 1; background-color: rgba(255,255,255,.5); padding: .2em .5em; justify-self: start; } .container-test { column-count: 3; column-gap: 10px; } @media (max-width: 991.98px){ .container-test { column-count: 2; column-gap: 10px; } } @media (max-width: 767.98px){ .container-test { column-count: 1; column-gap: 0px; } /* .mom{ display: none; } .clone { display: block; } */ Name of Student Something about the student Name of Student Something about the student Name of Student Something about the student Name of Student Something about the student Name of Student Something about the student Name of Student Something about the student 7 8 9 10 11 .herobox{ margin-top: 20px; padding: 10px; background: white; margin-right: auto; margin-left: auto; max-width: clamp(430px, 100vw, 659px); /*max-width: clamp(430px, 43vw, 659px);*/ }.float-image.left { margin-right: 330px; float: left; margin-left: -71px;}.float-image>div:last-child { font-size: .875rem; line-height: 1.43; margin-top: 0px; max-width: 824px; margin-left: auto; margin-right: auto; color: #151a22;}.float-image { width: 0%; }.ytp-cued-thumbnail-overlay-image { background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; background-position: center; background-position-x: -472px; background-repeat: no-repeat; width: 100%; height: 100%; position: absolute;}May 6, 2022Wherever members of the Michigan State University class of 2022 go, they will carry their Spartans Will with them. After all, being a Spartan is for life.The new Spartan graduates will join a worldwide network of more than 500,000 alumni that stays connected and gives back. Watch some of their celebratory moments and read their heartfelt stories of success.While commencement ceremonies began on May 5, join us as we continue celebrating. We encourage all Spartans to share their achievements and send messages of congratulations using #SpartanGrad22. .rapper { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px,1fr)); grid-gap: 10px; background-color: #fff; color: #444; } .boxer { background-color: #444; color: #fff; border-radius: 5px; padding: 20px; font-size: 150%; }BCDF .herobox{ margin-top: 20px; padding: 10px; background: white; margin-right: auto; margin-left: auto; max-width: clamp(430px, 43vw, 659px); } }May 9, 2022Wherever members of the Michigan State University class of 2022 go, they will carry their Spartans Will with them. After all, being a Spartan is for life.The new Spartan graduates will join a worldwide network of more than 500,000 alumni that stays connected and gives back. From MSU’s 19th Marshall Scholar to the U.S. Amateur Golf Champion – and Buster the Wonder Dog – watch some of their celebratory moments and read their heartfelt stories of success.While commencement ceremonies began on May 5, join us as we continue celebrating. We encourage all Spartans to share their achievements and send messages of congratulations using #SpartanGrad22. .herobox{ margin-top: 20px; padding: 10px; background: white; margin-right: auto; margin-left: auto; max-width: clamp(430px, 100vw, 659px); /*max-width: clamp(430px, 43vw, 659px);*/ } .float-image.left { margin-right: 330px; float: left; margin-left: -71px; } .float-image>div:last-child { font-size: .875rem; line-height: 1.43; margin-top: 0px; max-width: 824px; margin-left: auto; margin-right: auto; color: #151a22; } .float-image { width: 0%; } .ytp-cued-thumbnail-overlay-image { background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; background-position: center; background-position-x: -472px; background-repeat: no-repeat; width: 100%; height: 100%; position: absolute; } @media (max-width: 991.98px){ .float-image.left { float: none; margin: auto; width: 300px; padding-bottom: 20px; } }December 13, 2023As 2023 winds down, we asked Spartans to send their messages of encouragement to one another.These notes of support show the generosity of the MSU community. When we stick together as Spartans, we embody what it means to be part of something bigger. .herobox{ margin-top: 20px; padding: 10px; background: white; margin-right: auto; margin-left: auto; max-width: clamp(430px, 100vw, 659px); /*max-width: clamp(430px, 43vw, 659px);*/ }See how The Spartan has left its mark on the lives of those in the MSU community: .short_box {}iframe { border: none; width: clamp(393px, 75%, 393px); height: clamp(393px, 75%, 700px); }

Spartan to Spartan

Media Contacts

Renaissance scientists in the Mendoza lab tackle climate change

Graduate voice: The history and future of the Campus Arboretum at 150 years

Faculty voice: Storytelling can drive meaningful change around mental health

Spartan to Spartan

Media Contacts

Related campus stories

Renaissance scientists in the Mendoza lab tackle climate change

Graduate voice: The history and future of the Campus Arboretum at 150 years

Faculty voice: Storytelling can drive meaningful change around mental health

MSUToday Weekly Update

Connect With Us