root
/
public
mirror of https://github.com/01-edu/public.git
14
27
Fork 0
Code Releases Wiki Activity
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1617 Commits
91 Branches
11 Tags
349 MiB
 
 
 
 
 
 
Tree: 75e1ad8436
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from '75e1ad8436'
${ noResults }
public/subjects/gossip-grid
Marie Malarme aa7f28182c
Updated the `readme` to indicate the files provided + the right path matching the new structure of files. 		4 years ago
..
README.md Updated the `readme` to indicate the files provided + the right path matching the new structure of files. 4 years ago
data.js adding dom content 4 years ago
index.html adding dom content 4 years ago

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, and allows the user to:

  • add a new gossip to the list
  • customize the width, font size and background of each card with range inputs.

Notions

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