Win a copy of Programmers Guide to Apache Thrift this week in the Open Source forum!
  • 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
  • Devaka Cooray
  • Knute Snortum
  • Paul Clapham
  • Tim Cooke
  • Liutauras Vilda
  • Jeanne Boyarsky
  • Bear Bibeault
Saloon Keepers:
  • Tim Moores
  • Stephan van Hulst
  • Ron McLeod
  • Piet Souris
  • Frits Walraven
  • Ganesh Patekar
  • Tim Holloway
  • salvin francis

How do I get a card for each item?  RSS feed

Posts: 6
  • 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: 10206
  • 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 showed up just in time for the waffles! And this tiny ad:
ScroogeXHTML - small and flexible RTF to HTML converter library
  • Post Reply Bookmark Topic Watch Topic
  • New Topic
Boost this thread!