• 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
  • Ron McLeod
  • Paul Clapham
  • Bear Bibeault
  • Junilu Lacar
Sheriffs:
  • Jeanne Boyarsky
  • Tim Cooke
  • Henry Wong
Saloon Keepers:
  • Tim Moores
  • Stephan van Hulst
  • Tim Holloway
  • salvin francis
  • Frits Walraven
Bartenders:
  • Scott Selikoff
  • Piet Souris
  • Carey Brown

How do I get a card for each item?

 
Greenhorn
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: 12270
259
  • 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?
 
Seriously Rick? Seriously? You might as well just read this tiny ad:
the value of filler advertising in 2020
https://coderanch.com/t/730886/filler-advertising
reply
    Bookmark Topic Watch Topic
  • New Topic