• 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 ...
Marshals:
  • Campbell Ritchie
  • Devaka Cooray
  • Liutauras Vilda
  • Jeanne Boyarsky
  • Bear Bibeault
Sheriffs:
  • Paul Clapham
  • Knute Snortum
  • Rob Spoor
Saloon Keepers:
  • Tim Moores
  • Ron McLeod
  • Piet Souris
  • Stephan van Hulst
  • Carey Brown
Bartenders:
  • Tim Holloway
  • Frits Walraven
  • Ganesh Patekar

How do I get a card for each item?

 
Greenhorn
Posts: 7
  • 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: 10428
223
  • 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?
 
With a little knowledge, a cast iron skillet is non-stick and lasts a lifetime.
  • Post Reply Bookmark Topic Watch Topic
  • New Topic
Boost this thread!