Hey Lee!
I'd be happy to pass this to ya. 🙂
Here's the code:
<style> .campaignmode-hackathon { background: no-repeat fixed #323DA3; border-radius: 9px; color: white; margin: 20px auto; max-width: 1440px; width: 96%; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; padding: 40px 0; position: relative; border: 2px solid #dfe3e6; box-shadow: 2px 2px 2px #dfe3e6; overflow: hidden; } .campaignmode-hackathon--first { width: 90%; margin: 0 auto; text-align: center; } .campaignmode-hackathon--second { width: 30%; display: inline-block; text-align: center; } .campaignmode-hackathon h1 { margin: -5px auto 3px; font-size: 4.5vw; font-weight: 900; } .campaignmode-hackathon--mainimage { width: 100%; } .campaignmode-hackathon--background-left { left: 0; } .campaignmode-hackathon--background-right { right: 0; } .campaignmode-hackathon--clipart { max-height: 10vw; padding-top: 3vh; } .campaignmode-hackathon .campaignmode-hackathon--clipart img { width: 10vw; margin: 0 5%; } .campaignmode-hackathon h2 { margin: 10px 0px 1px; font-weight: 500; } .campaignmode-hackathon h4 { font-size: 24px; } .campaignmode-hackathon a { background: #f9f9f9; color: #0D122B; text-decoration: none; padding: 12px 25px; border-radius: 3px; display: inline-block; max-width: 80%; margin: 20px auto 20px; } .campaignmode-hackathon .closebutton { position: absolute; right: 18px; top: 0px; color: white; background: transparent; border: 0px; font-size: 45px; cursor: pointer; text-align: right; padding: 0px; z-index: 1; } @media screen and (min-width: 600px) { .campaignmode-hackathon--mainimage { width: 70%; } .campaignmode-hackathon--first { width: 85%; } } @media screen and (min-width: 800px) { .campaignmode-hackathon--mainimage { width: 60%; } } @media screen and (min-width: 960px) { .campaignmode-hackathon h2 { font-size: 32px; } .campaignmode-hackathon a { font-size: 34px; } } @media screen and (min-width: 1024px) { .campaignmode-hackathon--mainimage { width: 50%; } .campaignmode-hackathon--first { width: 55%; } } </style> <div class="campaignmode-hackathon"> <button class="closebutton" id="js-hero-banner__x">×</button> <div class="campaignmode-hackathon--top"> <div class="campaignmode-hackathon--first"> <h4>Announcing</h4> <img height="193" width="420" class="campaignmode-hackathon--mainimage" src="https://res.cloudinary.com/practicaldev/image/fetch/s--5x6JJFTC--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_420/https://jess.forem.lol/images/2kqlhLiqBBFHkqLwx86vrfjlg-PDWbCl47PIBeUDO3E/w:420/mb:500000/aHR0cHM6Ly9qZXNz/LmZvcmVtLmxvbC9y/ZW1vdGVpbWFnZXMv/dXBsb2Fkcy9hcnRp/Y2xlcy9wemJ1bzZv/eDE3NHZjZmg5YTFv/ci5wbmc"> <h2>The community-first coding conference designed to level you up! Sep 23-24 🌈</h2> <a href="https://dev.to/devteam/codeland-2021-motivation-career-long-connections-for-early-career-devs-2loa"> <h3>Learn more</h3> </a> </div> </div> </div>
thanks!!!!! 😎😎😎🤩🤩😊
Are you sure you want to hide this comment? It will become hidden in your post, but will still be visible via the comment's permalink.
Hide child comments as well
Confirm
For further actions, you may consider blocking this person and/or reporting abuse
Let's Build Forem
Hey Lee!
I'd be happy to pass this to ya. 🙂
Here's the code:
thanks!!!!! 😎😎😎🤩🤩😊