\
**Category:** Coding Questions\
**Created:** [April 12, 2021, 5:08pm UTC](https://discourse.processing.org/t/html-p5-and-material-design/29308 "2021-04-12T17:08:17Z")\
**Posts on this page:** 3\
**Page:** 1
**Author:**  [@karenmsn](https://discourse.processing.org/u/karenmsn)\
**Post date:** [April 12, 2021, 5:08pm UTC](https://discourse.processing.org/t/html-p5-and-material-design/29308/1 "2021-04-12T17:08:17Z")
I’m trying to follow this code [https://codepen.io/katehummer/pen/jOyGzJp](https://codepen.io/katehummer/pen/jOyGzJp) to create a carousel of instructions for the virtual installation I’m creating, but when I tried adding a new card to the list, it inserted it underneath the first one instead of horizontally in line with the carousel. Any idea what code to edit to get it in line with the rest?
---
**Author:**  [@josephh](https://discourse.processing.org/u/josephh)\
**Post date:** [April 12, 2021, 10:25pm UTC](https://discourse.processing.org/t/html-p5-and-material-design/29308/2 "2021-04-12T22:25:59Z")
Hi,
The link sent is from the author’s original code but with only a description, we can’t really see what’s wrong with yours. 😉
It could be a CSS or JavaScript error… Can you send a link (codepen for example) so we can see your code?
Also note that your question is more on web development rather than p5js and the library and it might not be the best forum to post on 😋
---
**Author:**  [@karenmsn](https://discourse.processing.org/u/karenmsn)\
**Post date:** [April 13, 2021, 1:04pm UTC](https://discourse.processing.org/t/html-p5-and-material-design/29308/3 "2021-04-13T13:04:45Z")
Hi! Here’s my code: [https://codepen.io/karenmani/pen/BaprVrV](https://codepen.io/karenmani/pen/BaprVrV)