im a graphic designer making a website on readymag for a friend’s band. very basic html/css knowledge from one class in college
i’m adding a bandsintown widget to the site to display upcoming show dates. thats at the top of the page right under the hero, and then there’s more content under it. when more dates get added of course the widget gets longer, but the content goes on top of other stuff under it.
i think i want to create a section that will change height based on how tall the widget is, and will move down the content underneath it. for example this band’s website adjusts to show all the tour dates… but probably simpler because its at the bottom of the page
or, alternatively, i could change the “see more shows” button to link to bandsintown website instead of expanding the list? but the bandsintown website did not have that option in the code customizer 🫠 i’ll attach that here
<script charset="utf-8" src="https://widget.bandsintown.com/main.min.js"></script><a class="bit-widget-initializer" data-artist-name="Makeout Palace" data-display-local-dates="false" data-display-past-dates="false" data-auto-style="false" data-text-color="#F7F7FB" data-link-color="#8B8B8B" data-background-color="rgba(0,0,0,0)" data-display-limit="5" data-display-start-time="true" data-link-text-color="#F7F7FB" data-display-lineup="false" data-display-play-my-city="false" data-separator-color="rgba(124,124,124,0.25)" data-font="JetBrains Mono" data-display-track-button="false" data-display-logo="true"></a>
please link me to resources that may answer my question 🙏 this seems like a pretty common web function but i cant find any sites w/ example code or automatic options built into readymag
