From the list: Holy Family ✔ All Ministries template plinkos are cut off Veronica A. added this on Jan 21, 2020 Completed Jan 21, 2020 by Kyle S. Assigned to Kyle S. Notes https://holyfamilyorlando.diocesanweb.org/get-involved/ image.png 641 KB • Download Comments & Events Kyle Sullivan, Web Development This was a real doozy! Here's the most relevant CSS to solve this problem (inspired by the following: https://css-tricks.com/full-width-containers-limited-width-parents/)..page-template-page-allMinistries .site-main plinko { position: relative; display: block; background: #FAFAFA; width: 100vw; margin: 2.5rem -50vw; left: 50%; right: 50%; }Other than this, I added some media queries at 1439px at 767px, which help mitigate the overlapping/overflow issues. Jan 21, 2020 at 9:18 PM Notified 1 person Kyle Sullivan completed this to-do. Jan 21, 2020 at 9:18 PM
Kyle Sullivan, Web Development This was a real doozy! Here's the most relevant CSS to solve this problem (inspired by the following: https://css-tricks.com/full-width-containers-limited-width-parents/)..page-template-page-allMinistries .site-main plinko { position: relative; display: block; background: #FAFAFA; width: 100vw; margin: 2.5rem -50vw; left: 50%; right: 50%; }Other than this, I added some media queries at 1439px at 767px, which help mitigate the overlapping/overflow issues. Jan 21, 2020 at 9:18 PM Notified 1 person
Kyle S.
Kyle S.
.page-template-page-allMinistries .site-main plinko {position: relative;
display: block;
background: #FAFAFA;
width: 100vw;
margin: 2.5rem -50vw;
left: 50%;
right: 50%; }