You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
• In Trello, you are assigned to one of the cards of your fellow students (in the Class11 Week0 HTML/CSS list). Give feedback on the application assignment of your fellow student. Please be critical but most of all give constructive feedback. If there are resources that you used and might be useful, share them.
37
-
• revisit you own application assignment and improve it with the feedback and suggestions given by one of your classmates.
36
+
- In Trello, you are assigned to one of the cards of your fellow students (in the Class11 Week0 HTML/CSS list). Give feedback on the application assignment of your fellow student. Please be critical but most of all give constructive feedback. If there are resources that you used and might be useful, share them.
37
+
- revisit you own application assignment and improve it with the feedback and suggestions given by one of your classmates.
38
38
39
39
> Don't forget, you can always revisit Khan Academy: [Into to HTML/CSS: Making web pages](https://nl.khanacademy.org/computing/computer-programming/html-css) if you are stuck and need a reminder
40
40
41
41
## Step 3: Assignment
42
-
• Make your own web resume:
43
-
• One page
44
-
• Two files: HTML and CSS
45
-
• Include the following:
46
-
• Your personal info (name, place of birth, etc.)
47
-
• A picture
48
-
• A few lines about who you are
49
-
• Education
50
-
• Work experience
51
-
• Include the following:
52
-
• Different types of headings (`<h1>`, `<h2>`)
53
-
• A list (`<ul>`). In this list include the _learning strategies_ you used making your resume. Also include some of the resources/references, this can be documentation/video etc, that where helpful.
54
-
• Another list (`<ul>`). In this list you include the most important platforms/resources where you can find all hyf related information.
55
-
•`<img>`
56
-
•`<p>`
57
-
• Some CSS properties: `margin`, `padding`
58
-
• Make sure that you page looks nice, and that your text is readable
59
-
• BEFORE you hand it in, read the [Style guide](http://www.w3schools.com/html/html5_syntax.asp) and check your files (you can also use the [HTML validator](https://validator.w3.org)).
42
+
- Make your own web resume:
43
+
- One page
44
+
- Two files: HTML and CSS
45
+
- Include the following:
46
+
- Your personal info (name, place of birth, etc.)
47
+
- A picture
48
+
- A few lines about who you are
49
+
- Education
50
+
- Work experience
51
+
- Include the following:
52
+
- Different types of headings (`<h1>`, `<h2>`)
53
+
- A list (`<ul>`). In this list include the _learning strategies_ you used making your resume. Also include some of the resources/references, this can be documentation/video etc, that where helpful.
54
+
- Another list (`<ul>`). In this list you include the most important platforms/resources where you can find all hyf related information.
55
+
-`<img>`
56
+
-`<p>`
57
+
- Some CSS properties: `margin`, `padding`
58
+
- Make sure that you page looks nice, and that your text is readable
59
+
- BEFORE you hand it in, read the [Style guide](http://www.w3schools.com/html/html5_syntax.asp) and check your files (you can also use the [HTML validator](https://validator.w3.org)).
Copy file name to clipboardExpand all lines: Week2/MAKEME.md
+28-28Lines changed: 28 additions & 28 deletions
Original file line number
Diff line number
Diff line change
@@ -16,39 +16,39 @@
16
16
```
17
17
18
18
## Step 1: Give feedback:
19
-
• In Trello you are added to one of the cards of your fellow students.
20
-
• Give feedback on the application assignment of your fellow student. Please be critical but most of all give constructive feedback. If there are resources that you used and might be useful, share them.
21
-
• revisit you own application assignment and improve it with the feedback and suggestions given by one of your classmates.
19
+
- In Trello you are added to one of the cards of your fellow students.
20
+
- Give feedback on the application assignment of your fellow student. Please be critical but most of all give constructive feedback. If there are resources that you used and might be useful, share them.
21
+
- revisit you own application assignment and improve it with the feedback and suggestions given by one of your classmates.
22
22
23
23
## Step 2: Read/do/watch
24
-
•[Introduction to media queries](https://teamtreehouse.com/library/css3/media-queries/introduction)
25
-
•[More about media queries](https://css-tricks.com/css-media-queries/)
• Download the HTML and images in the folder Homework 2
40
-
• You are going to write the CSS for this page
41
-
• You are not allowed to change the HTML
42
-
• The page contains two grids: the first one should work using floats, the second using flex box. Be careful not to mix the two!
43
-
• We want the grid to look as follows:
44
-
• On mobile phones: a two column grid, with the exception that the first item spans the full width
45
-
• On tablets: a three column grid, with the exception that the first two items span the full width together (so first we have two columns, then after the first two items we have three columns)
46
-
• On desktops: a four column grid, with the exception that the first item spans two columns.
47
-
• There should be some space between the grid items
48
-
• Make the page look beautiful by adding some more CSS! Some tips:
49
-
• How about some nice colors, fonts, hover styles?
50
-
• According to the grid specification, some products are bigger than others. Maybe these are "highlighted" products, so the rest of the styling could also be different.
51
-
• BEFORE you hand it in, read [the Style guide](http://www.w3schools.com/html/html5_syntax.asp) again and check your files
38
+
- Grids exercise
39
+
- Download the HTML and images in the folder Homework 2
40
+
- You are going to write the CSS for this page
41
+
- You are not allowed to change the HTML
42
+
- The page contains two grids: the first one should work using floats, the second using flex box. Be careful not to mix the two!
43
+
- We want the grid to look as follows:
44
+
- On mobile phones: a two column grid, with the exception that the first item spans the full width
45
+
- On tablets: a three column grid, with the exception that the first two items span the full width together (so first we have two columns, then after the first two items we have three columns)
46
+
- On desktops: a four column grid, with the exception that the first item spans two columns.
47
+
- There should be some space between the grid items
48
+
- Make the page look beautiful by adding some more CSS! Some tips:
49
+
- How about some nice colors, fonts, hover styles?
50
+
- According to the grid specification, some products are bigger than others. Maybe these are "highlighted" products, so the rest of the styling could also be different.
51
+
- BEFORE you hand it in, read [the Style guide](http://www.w3schools.com/html/html5_syntax.asp) again and check your files
0 commit comments