Two calendar page

Questions
1

Hi, I’m doing an application that has two calendar pages, the first one is no problem:

<div id="calendar" class="block block-strong no-padding no-margin no-hairline-top"></div>
<div id="calendar-events" class="list media-list no-margin no-hairlines no-ios-left-edge">
  <ul></ul>
</div>

But when I create the second, I do not respect the css styles, obviously I have changed the id of the div, since they are two different pages to load when starting the APP:

<div id="calendar-2" class="block block-strong no-padding no-margin no-hairline-top"></div>
<div id="calendar-events-2" class="list media-list no-margin no-hairlines no-ios-left-edge">
  <ul></ul>
</div>

16
Simulator Screen Shot - iPhone X - 2018-06-27 at 10.35.16.jpg1021×2212 123 KB
21
Simulator Screen Shot - iPhone X - 2018-06-27 at 10.35.21.jpg1021×2212 106 KB

I have looked, and the styles are not subject to the id, however, when I change the container id it does not respect the styles css.

Thanks.

2

Would be good to see more code examples, the JS part of that, and what is in your styles about it?

3

I went back to review the css, and saw that there was an error, it looks correct, thanks for everything.