• Post Reply Bookmark Topic Watch Topic
  • New Topic
programming forums Java Mobile Certification Databases Caching Books Engineering Micro Controllers OS Languages Paradigms IDEs Build Tools Frameworks Application Servers Open Source This Site Careers Other all forums
this forum made possible by our volunteer staff, including ...
  • Campbell Ritchie
  • Liutauras Vilda
  • Bear Bibeault
  • Junilu Lacar
  • Martin Vashko
  • Jeanne Boyarsky
  • Tim Cooke
  • Knute Snortum
Saloon Keepers:
  • Ron McLeod
  • Tim Moores
  • Stephan van Hulst
  • Tim Holloway
  • Carey Brown
  • Scott Selikoff
  • salvin francis
  • Piet Souris

How do I get a card for each item?

Posts: 12
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
Hello there!

I am practicing with Javascript, JSON and CSS. I don't have much experience with it yet.

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.

I used this for the cards: Cards link.
I used this for the JSON: JSON  link.

This is the index of my HTML page:

This is the index of my Javascript script:

I hope someone can help me. Thanks for the effort!
Saloon Keeper
Posts: 10873
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
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*).

Why have you chosen to use it?
You're not going crazy. You're going sane in a crazy word. Find comfort in this tiny ad:
Java file APIs (DOC, XLS, PDF, and many more)
  • Post Reply Bookmark Topic Watch Topic
  • New Topic
Boost this thread!