.gridcontainer { display: grid; grid-template-columns: 1fr 3fr; grid-template-rows: 1fr; grid-template-areas: "media text"; background-color: #BBD18F; padding: 10px; gap: 5px; } /* MEDIA grid area */ .media { grid-area: media; padding: 20px; font-size: 16px; text-align: center; display: grid; place-items: start center; box-sizing: border-box; } /* TEXT grid area */ .text { grid-area: text; padding: 20px; box-sizing: border-box; } /* --- Read More / Read Less styles --- */ .ck-readmore__text { ov

.gridcontainer { display: grid; grid-template-columns: 1fr 3fr; grid-template-rows: 1fr; grid-template-areas: "media text"; background-color: #BBD18F; padding: 10px; gap: 5px; } /* MEDIA grid area */ .media { grid-area: media; padding: 20px; font-size: 16px; text-align: center; display: grid; place-items: start center; box-sizing: border-box; } /* TEXT grid area */ .text { grid-area: text; padding: 20px; box-sizing: border-box; } /* --- Read More / Read Less styles --- */ .ck-readmore__text { ov

.gridcontainer { display: grid; grid-template-columns: 1fr 3fr; grid-template-rows: 1fr; grid-template-areas: "media text"; background-color: #BBD18F; padding: 10px; gap: 5px; } /* MEDIA grid area */ .media { grid-area: media; padding: 20px; font-size: 16px; text-align: center; display: grid; place-items: start center; box-sizing: border-box; } /* TEXT grid area */ .text { grid-area: text; padding: 20px; box-sizing: border-box; } /* --- Read More / Read Less styles --- */ .ck-readmore__text { ov

.gridcontainer { display: grid; grid-template-columns: 1fr 3fr; grid-template-rows: 1fr; grid-template-areas: "media text"; background-color: #BBD18F; padding: 10px; gap: 5px; } .media { grid-area: media; padding: 20px; text-align: center; display: grid; place-items: start center; box-sizing: border-box; } .text { grid-area: text; padding: 20px; box-sizing: border-box; } /* Read More / Read Less */ .ck-readmore__text { overflow: hidden; max-height: 0; transition: max-height 420ms ease; }

.gridcontainer { display: grid; grid-template-columns: 1fr 3fr; grid-template-rows: 1fr; grid-template-areas: "media text"; background-color: #BBD18F; padding: 10px; gap: 5px; } /* MEDIA grid area */ .media { grid-area: media; padding: 20px; font-size: 16px; text-align: center; display: grid; place-items: start center; box-sizing: border-box; } /* TEXT grid area */ .text { grid-area: text; padding: 20px; box-sizing: border-box; } /* --- Read More / Read Less styles --- */ .ck-readmore__text { ov

.gridcontainer { display: grid; grid-template-columns: 1fr 3fr; grid-template-rows: 1fr; grid-template-areas: "media text"; background-color: #BBD18F; padding: 10px; gap: 5px; } /* MEDIA grid area */ .media { grid-area: media; padding: 20px; font-size: 16px; text-align: center; display: grid; place-items: start center; box-sizing: border-box; } /* TEXT grid area */ .text { grid-area: text; padding: 20px; box-sizing: border-box; } /* --- Read More / Read Less styles --- */ .ck-readmore__text {

.gridcontainer { display: grid; grid-template-columns: 1fr 3fr; grid-template-rows: 1fr; grid-template-areas: "media text"; background-color: #BBD18F; padding: 10px; gap: 5px; } /* MEDIA grid area */ .media { grid-area: media; padding: 20px; font-size: 16px; text-align: center; display: grid; place-items: start center; box-sizing: border-box; } /* TEXT grid area (placeholder) */ .text { grid-area: text; padding: 20px; box-sizing: border-box; } /* --- Modal styles adapted for media area --- */ .media

.gridcontainer { /*height: 50vh;*/ display: grid; grid-template-columns: 1fr 3fr; grid-template-rows: 1fr; grid-template-areas: "media text"; background-color: #BBD18F; padding: 10px; grid-gap: 5px; } media{ grid-area: media; padding: 20px; font-size: 16px; text-align: center; } text{ grid-area: text; /*background-color: #BBD18F;*/ background-color: red; border: solid black 0px; border-radius: 0px; padding: 20px; color: black; font-family: Arial, Helvetica, sans-serif; font-size: 16px; text-align: left; } figure { float: left