a.zhanguttin
/
public
forked from root/public
1
0
Fork 0
Code Issues 1 Pull Requests Projects 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.
1648 Commits
41 Branches
0 Tags
101 MiB
 
 
 
 
Tree: ee8604fc14
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from 'ee8604fc14'
${ noResults }
public/subjects/gossip-grid
Marie Malarme 571f6b9585
Updated the instructions for the HTML files which were confusing because the students don't need to use them. 		4 years ago
..
README.md Updated the instructions for the HTML files which were confusing because the students don't need to use them. 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 (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

Provided files

  • Check 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