public/subjects/gossip-grid/README.md

Gossip grid

Instructions

Good information is the pillar of society, that's why you've decided to dedicate your time to reveal the powerful truth to the world and deliver essential and strong news: you're launching a gossip grid.

Create the function grid which displays all the gossips, provided in the data file below, as cards on a grid (in the same order). They must be div with the gossip class.

The first gossip card must be a form with a textarea and a submit button that allows to add a new gossip to the list

• customize the width, font size and background of each card with range inputs.

Notions

• Inputs: text, range

Provided files

• Use the HTML file index.html, which includes:

  • the JS script which will allow to run your code
  • some CSS pre-styled classes: feel free to use those as they are, or modify them

• Import gossips from the data file data.js

Expected result

You can see an example of the expected result here