Ottan

Wonderful! Do you know if there's a way to get rid of the extra white space at the bottom on large screens? If not, I'll just deal with it.

I don't think you can do this either. What I have done is export my whole contact list, filter out the people who are tagged, and then reimport those who are left to a new mailing list. But this is a really dumb workaround.

Apologies, @tuanphan. I made some changes since then. It's just https://pedl.tech (no password).

Sometimes the white background also hangs below the borders, but not always. I'm wondering if there's a better way to achieve this look generally.

I am trying to create a summary block where all the sections are the same height. I've gotten that to work, but on large screens, there's a ton of space at the bottom. Is there a better way to do this? I also set the code not to apply on mobile, but if you shrink a browser window down, it will wrap, which I'd prefer not to happen. Website is: https://pedl.tech/home-1 Password: PEDL @media only screen and (min-width:650px){ .summary-item{height:16vh;}}

Super helpful! I see that in the inspector too.

I'm curious, what does the fe-65b1968b881a407ad804001e refer to? It's not something I see when I use the ID viewer in Chrome.

Excellent, thanks!

Ugh. I accidentally deleted some CSS that I had above this code, and now it now longer works. I can't seem to recreate what I did either. Welcome any suggestions.

I embedded an arcgis (not designed by me) on my website here: https://pedl.tech/resource-map Password: Mert's Maps [space included] I used some CSS code to make the section the full-width of the page. However, the map seems to be pulling in narrower than the page. My partner who made the map thinks this is something that can be adjusted with web code versus the arcgis app. Any suggestions? Many thanks. <style> .embed-container { position: relative; padding-bottom: 80%; height: 0; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container iframe{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; } </style> <div class="embed-container"> <iframe frameborder="0" style="overflow:hidden;overflow-x:hidden;overflow-y:hidden;height:100%;width:100%;position:absolute;top:0px;left:0px;right:0px;bottom:0px" height="100%" width="100%" src="https://ut-austin.maps.arcgis.com/apps/instant/media/index.html?appid=0d99623c08774fe78e6cbf0f1a102623"></iframe> </div>

You are right – sorry about that. I had an extra end bracket, but it's fixed now. That also resolved my centering issue.

I had used this code to center gallery images, and suddenly it stopped working. Any idea why? The issue its with the partner logos at the bottom of the page. https://pedl.tech .sqs-gallery-block-grid .sqs-gallery-design-grid { flex-wrap: wrap !important; display: flex !important; justify-content: center !important; }

100px was hilariously large, but I did some futzing to figure it out. Thank you!

Thank you. That helped a little, but it's still a little bit smaller.

Thanks for the response. I want all the type to be the same size. The third paragraph – the one that includes the footnote – is smaller than the other copy.