RBI Cities Index – Embeds
- Maximum width has been set to 1800px.
- Mobile is tested at 375px (with 40px margin either side).
- There is a breakpoint at 1200px and another at 800px (sometimes 700px).
To embed:
<link href="https://hp-cities-index.netlify.app/static/css/main.css" rel="stylesheet">
<script src="https://hp-cities-index.netlify.app/static/js/main.js"></script>
And then the following divs
<div data-compare-embed></div>
for the top 10 cities in two parameters.
<div data-all-embed></div>
for the list of 25.
<div data-map-embed></div>
for the map.
<div data-city-embed="{cityname}"></div>
for the city embeds.
eg:
<div data-city-embed="sydney"></div>
<div data-city-embed="vienna"></div>
Post Embed