This seed repo serves as an Parallax starter for anyone looking to get up and running with custom parallax ad.
fork
this repoclone
your forknpm install
npm run dev
the example file is open in your browser- Start building awesome stuff
Ensure the ad takes up all available space
html, body, #banner {
width: 100vw;
height: 100vh;
}
Work with media queries to ensure all vital information is viewable in different screen sizes. Usually its based on the content thats have to fit. Start with the smallest and work your way up.
In the examples/custom.html
we have a this big copy text thats transforms from smallest font-size of 62px
, 125px
to 150px
depending on available space.
Available delivery options are iframe or 3party script tag.