I would like that each item with information to be shown separately in its own card. At the moment I have only this:
What I really want is this: That it is shown side by side and below each other on a page.
Can you show us your style.css, bundle.js and main.js files?
Unrelated to your question, I took a brief look at this Materialize framework, and it looks similar to Bootstrap, which is just terrible. You should be aware of any framework that fills up your HTML with unsemantic classes like s12, m5, and red.
I'm not even sure what problem this Materialize framework solves that hasn't been solved by more mature frameworks, no matter how badly designed (*cough*Bootstrap*cough*).