eScribe - Responsive iFrame
The iFrame below will resize according to the following screen breakpoints:
- When browser is greater than 900px wide: iFrame widget: 300px
- When browser is less than or equal to 900px wide: iFrame widget: 100%
<style>
@media screen and (max-width:991px){
#escribe-iframe{
width: 300px;
}
}
@media screen and (max-width:990px){
#escribe-iframe{
width: 100%;
}
}
</style>
Let us knowhow we can do better
Sign up to our Newletter
Stay up to date on the city's activities, events, programs and operations by subscribing to our eNewsletters.