https://padlet.com/r_hazebroek/f4 Homepage en-us 2018-02-15 09:53:16 UTC 2026-02-15 20:24:10 UTC hello@padlet.com https://padlet-assets.s3.amazonaws.com/icons/Planets.png r_hazebroek https://padlet.com/r_hazebroek/f4/wish/263285291 Bestudeer de W3C pagina over Flexbox. 

Maak een flexbox layout. Je layout bevat:
- 1 flexbox container
- 6 flexbox children

Zorg dat 6 vakjes in het midden komen te staan en automatisch naast elkaar.


]]> 2018-05-24 09:39:07 UTC https://padlet.com/r_hazebroek/f4/wish/263285291 r_hazebroek https://padlet.com/r_hazebroek/f4/wish/263285786 Maak een responsive image grid. Gebruik hiervoor flexbox rijen en kolommen

https://www.w3schools.com/css/tryit.asp?filename=trycss3_flexbox_image_gallery]]> 2018-05-24 09:41:30 UTC https://padlet.com/r_hazebroek/f4/wish/263285786 r_hazebroek https://padlet.com/r_hazebroek/f4/wish/263286844 Maak een serie van 12 vakjes. Geef de laatste een andere kleur door deze een class te geven en door :not(e) te gebruiken. 

Gebruik de W3C of css-tricks pagina over :not(e)

]]> 2018-05-24 09:47:00 UTC https://padlet.com/r_hazebroek/f4/wish/263286844 r_hazebroek https://padlet.com/r_hazebroek/f4/wish/263287376 Vervang de class uit de vorige oefening door :last-of-type te gebruiken]]> 2018-05-24 09:49:44 UTC https://padlet.com/r_hazebroek/f4/wish/263287376 r_hazebroek https://padlet.com/r_hazebroek/f4/wish/263291378 Plaats:

- 1 Pagina titel
- 3 items met:
    > een subtitel
    kleur: #048b8b

    > een foto
    500px breed

    > een paragraaf tekst
    500px breed

// HTML
Afbeelding:
https://www.w3schools.com/html/html_images.asp

Kopjes:
https://www.w3schools.com/html/html_headings.asp

Paragraaf:
https://www.w3schools.com/tags/tag_p.asp

// CSS

Lettertype:
https://www.w3schools.com/cssref/pr_font_font-family.asp

Breedte:
https://www.w3schools.com/cssref/pr_dim_width.asp

Tekstkleur:
https://www.w3schools.com/cssref/pr_text_color.asp



]]> 2018-05-24 10:09:53 UTC https://padlet.com/r_hazebroek/f4/wish/263291378 r_hazebroek https://padlet.com/r_hazebroek/f4/wish/263294400 Voeg vakken om de foto's en de kopjes.

// HTML

Div:
https://www.w3schools.com/tags/tag_div.asp

// CSS

Background-color:
https://www.w3schools.com/cssref/pr_background-color.asp

Padding:
https://www.w3schools.com/css/css_padding.asp

Margin:
https://www.w3schools.com/Css/css_margin.asp

]]> 2018-05-24 10:25:44 UTC https://padlet.com/r_hazebroek/f4/wish/263294400 r_hazebroek https://padlet.com/r_hazebroek/f4/wish/263562268 2018-05-25 07:35:54 UTC https://padlet.com/r_hazebroek/f4/wish/263562268 r_hazebroek https://padlet.com/r_hazebroek/f4/wish/264725446 2018-05-31 08:41:57 UTC https://padlet.com/r_hazebroek/f4/wish/264725446 r_hazebroek https://padlet.com/r_hazebroek/f4/wish/264725689
- Geef de vakken met de naam .vak een achtergrondskleur

- Voeg witruimte toe in dat vak met 'padding'
(tip: denk aan de google tip)

- Verander de kleur van de tekst met 'color'

-  Verander de kleur van de knoppen



]]> 2018-05-31 08:43:14 UTC https://padlet.com/r_hazebroek/f4/wish/264725689 r_hazebroek https://padlet.com/r_hazebroek/f4/wish/264976284 2018-06-01 08:34:03 UTC https://padlet.com/r_hazebroek/f4/wish/264976284 r_hazebroek https://padlet.com/r_hazebroek/f4/wish/264982126 2018-06-01 09:02:31 UTC https://padlet.com/r_hazebroek/f4/wish/264982126 r_hazebroek https://padlet.com/r_hazebroek/f4/wish/264982127 2018-06-01 09:02:31 UTC https://padlet.com/r_hazebroek/f4/wish/264982127 r_hazebroek https://padlet.com/r_hazebroek/f4/wish/264984155 https://www.w3.org/TR/selectors-3/#attribute-substrings]]> 2018-06-01 09:16:11 UTC https://padlet.com/r_hazebroek/f4/wish/264984155 r_hazebroek https://padlet.com/r_hazebroek/f4/wish/264984246 https://getbootstrap.com/docs/4.0/utilities/flex/]]> 2018-06-01 09:16:51 UTC https://padlet.com/r_hazebroek/f4/wish/264984246 https://padlet.com/r_hazebroek/f4/wish/264984501 https://developer.mozilla.org/en-US/docs/Learn/CSS/Introduction_to_CSS/Pseudo-classes_and_pseudo-elements

]]> 2018-06-01 09:18:29 UTC https://padlet.com/r_hazebroek/f4/wish/264984501 r_hazebroek https://padlet.com/r_hazebroek/f4/wish/265653447 2018-06-05 14:25:35 UTC https://padlet.com/r_hazebroek/f4/wish/265653447 r_hazebroek https://padlet.com/r_hazebroek/f4/wish/265653448 2018-06-05 14:25:35 UTC https://padlet.com/r_hazebroek/f4/wish/265653448 r_hazebroek https://padlet.com/r_hazebroek/f4/wish/265653449 2018-06-05 14:25:35 UTC https://padlet.com/r_hazebroek/f4/wish/265653449 r_hazebroek https://padlet.com/r_hazebroek/f4/wish/268196309 2018-06-22 07:39:10 UTC https://padlet.com/r_hazebroek/f4/wish/268196309 r_hazebroek https://padlet.com/r_hazebroek/f4/wish/268206012 https://getbootstrap.com/docs/4.0/layout/grid/]]> 2018-06-22 09:11:55 UTC https://padlet.com/r_hazebroek/f4/wish/268206012