mirror of https://github.com/01-edu/public.git
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.
|
4 years ago | |
---|---|---|
.. | ||
README.md | 4 years ago | |
data.js | 4 years ago | |
index.html | 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