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
Copy file name to clipboardExpand all lines: zoo-css-challenge/README.md
+8-16Lines changed: 8 additions & 16 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -10,17 +10,13 @@ You are encouraged to use Google to help you find the answers to these problems.
10
10
11
11
First of all, we don’t want the logo to have a purple border. The logo has an ID of logo, make sure this has no border.
12
12
13
-
The first section has a class name of ‘introduction’.
14
-
15
-
Give this section a white background.
16
-
17
-
Add a paragraph to this section with the following text:
13
+
The first section has a class name of ‘introduction’. Give this section a white background. Add a paragraph to this section with the following text:
18
14
19
15
‘The zoo is open every day of the year and features three major biomes: the Tropic Zone, Temperate Territory, and the Polar Circle. From tropical birds, to snow leopards, grizzly bears, and one of the nation’s largest colonies of Antarctic penguins, there are animals to enjoy in every season.’
20
16
21
-
## 2) Bears:
17
+
Most of the text on the page is very close together. Increase the amount of space of the text so that there's more breathing space.
22
18
23
-
Most of the paragraphs are too close to the content below it. Give every paragraph some margin at the bottom so that they have a bit more space.
19
+
## 2) Bears:
24
20
25
21
All the images of bears have the same border colour, can all these images be given a different border colour?
26
22
@@ -38,30 +34,26 @@ Change the background colour to #483C46, the section titles to #F4743B, and the
38
34
39
35
Make the first paragraph have a larger font size.
40
36
41
-
Again, the purple headings are hard to read on dark backgrounds, change them to a lighter colour.
42
-
43
37
## 5) News
44
38
45
39
Can the title of this section be centred in the middle of this page?
46
40
47
41
Add another news item with the title with today's date, and the title of ‘Which big cat are you?’
48
42
49
-
## 6) Membership
43
+
## 6) Learning
50
44
51
-
Give the paragraph a maximum width of 700 pixels, and keep in the middle by adjusting the margin.
45
+
The buttons are a little hard to read. We’d like the buttons to have larger text, and also to change colour when you hover and focus on them.
52
46
53
-
## 7) Learning
47
+
We don’t like the hard corners here. Can you give the container in the section some rounded corners?
54
48
55
-
The buttons are a little hard to read. We’d like the buttons to have larger text, and also to change colour when you hover over them.
49
+
## 7) Membership
56
50
57
-
We don’t like the hard corners here. Can you give the container in the section some rounded corners?
51
+
Give the paragraph a maximum width of 700 pixels, and keep in the middle by adjusting the margin.
58
52
59
53
## 8) Programs
60
54
61
55
The cards are stacked on top of each other which looks like a poor use of space. Change these so that they display horizontally across the screen.
62
56
63
-
Change each of the ‘Find out more’ links to a button, each one should have a different colour.
0 commit comments