-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathIgnoreme
71 lines (26 loc) · 1.15 KB
/
Ignoreme
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
/****** Let's style our h1 & h2 headings *******/
/* 1. Make the text centered */
/* 2. Give it a margin of 10px */
/* 3. Font size should be twice the normal size */
/******* style the grid container *******/
/* 1. Give it a width of 800px */
/* 2. Center it in the middle of the body */
/* 3. Set the display to grid */
/* 4. Give it 3 columns of equal size (1fr each) */
/* 5. Set a g rid gap of 10px */
/* 6. Add a background color of #91f321 */
/* 7. Give it a background image using the image in the images folder */
/* 8. Add a solid black 3px border */
/* 9. Round the corners */
/****** Style the divs inside of the grid ******/
/* 1. Give them a 5px solid white border */
/* 2. Give them a background color of rgba(231, 157, 224, 0.5) */
/* 3. Align the text in the boxes to the center;
/* 4. Add 20px of padding */
/* 5. Set a font-size of 30px */
/* Go back to the parent container and play with ...*/
/*justify-content:; */
/* justify-items:; */
/* align-items:; */
/* align-content:; */
/* Now try and style the individual boxes using grid-column to match the picture at 1200px.*/