Skip to content

Commit 14e7111

Browse files
alesanchezralesanchezr
committed
fixed some boilerplate
1 parent 80340f6 commit 14e7111

File tree

4 files changed

+4
-153
lines changed

4 files changed

+4
-153
lines changed

‎bc.json

Lines changed: 1 addition & 147 deletions
Original file line numberDiff line numberDiff line change
@@ -1,151 +1,5 @@
11
{
2-
"port": 3000,
3-
"address": "localhost",
4-
"editor": "gitpod",
5-
"outputPath": "./.breathecode/dist",
6-
"publicPath": "/preview",
7-
"grading": "isolated",
8-
"ignoreRegex": {},
9-
"webpack_template": null,
10-
"disable_grading": true,
11-
"onCompilerSuccess": "open-browser",
122
"language": "css",
13-
"compiler": "webpack",
14-
"tester": "jest",
15-
"actions": [
16-
"build",
17-
"test",
18-
"reset"
19-
],
203
"title": "Learn CSS Interactively",
21-
"description": "Learn CSS with an interactive and auto-graded tutorial with dozens of exercises.",
22-
"exercisesPath": "./exercises",
23-
"exercises": [
24-
{
25-
"slug": "00-Welcome",
26-
"title": "00-Welcome",
27-
"path": "exercises/00-Welcome",
28-
"translations": [
29-
"us"
30-
]
31-
},
32-
{
33-
"slug": "01-Hello-World",
34-
"title": "01-Hello-World",
35-
"path": "exercises/01-Hello-World",
36-
"translations": []
37-
},
38-
{
39-
"slug": "01.1-Your-First-Style",
40-
"title": "01.1-Your-First-Style",
41-
"path": "exercises/01.1-Your-First-Style",
42-
"translations": [
43-
"us"
44-
]
45-
},
46-
{
47-
"slug": "01.2-Your-Second-Style",
48-
"title": "01.2-Your-Second-Style",
49-
"path": "exercises/01.2-Your-Second-Style",
50-
"translations": [
51-
"us"
52-
]
53-
},
54-
{
55-
"slug": "02-Background",
56-
"title": "02-Background",
57-
"path": "exercises/02-Background",
58-
"translations": [
59-
"us"
60-
]
61-
},
62-
{
63-
"slug": "03-Inline-Styles",
64-
"title": "03-Inline-Styles",
65-
"path": "exercises/03-Inline-Styles",
66-
"translations": [
67-
"us"
68-
]
69-
},
70-
{
71-
"slug": "04-Combined-Rules",
72-
"title": "04-Combined-Rules",
73-
"path": "exercises/04-Combined-Rules",
74-
"translations": [
75-
"us"
76-
]
77-
},
78-
{
79-
"slug": "05-Specificity",
80-
"title": "05-Specificity",
81-
"path": "exercises/05-Specificity",
82-
"translations": [
83-
"us"
84-
]
85-
},
86-
{
87-
"slug": "06-Practicing-Rules",
88-
"title": "06-Practicing-Rules",
89-
"path": "exercises/06-Practicing-Rules",
90-
"translations": [
91-
"us"
92-
]
93-
},
94-
{
95-
"slug": "07-Very-Specific-Rules",
96-
"title": "07-Very-Specific-Rules",
97-
"path": "exercises/07-Very-Specific-Rules",
98-
"translations": [
99-
"us"
100-
]
101-
},
102-
{
103-
"slug": "08-Rounded-Image",
104-
"title": "08-Rounded-Image",
105-
"path": "exercises/08-Rounded-Image",
106-
"translations": [
107-
"us"
108-
]
109-
},
110-
{
111-
"slug": "09-Anchor-Styles",
112-
"title": "09-Anchor-Styles",
113-
"path": "exercises/09-Anchor-Styles",
114-
"translations": [
115-
"us"
116-
]
117-
},
118-
{
119-
"slug": "10-Your-Own-Font",
120-
"title": "10-Your-Own-Font",
121-
"path": "exercises/10-Your-Own-Font",
122-
"translations": [
123-
"us"
124-
]
125-
},
126-
{
127-
"slug": "11-Font-Awesome-Icons",
128-
"title": "11-Font-Awesome-Icons",
129-
"path": "exercises/11-Font-Awesome-Icons",
130-
"translations": [
131-
"us"
132-
]
133-
},
134-
{
135-
"slug": "12-Relative-Length-EM-REM",
136-
"title": "12-Relative-Length-EM-REM",
137-
"path": "exercises/12-Relative-Length-EM-REM",
138-
"translations": [
139-
"us"
140-
]
141-
},
142-
{
143-
"slug": "13-Anchor-Like-Button",
144-
"title": "13-Anchor-Like-Button",
145-
"path": "exercises/13-Anchor-Like-Button",
146-
"translations": [
147-
"us"
148-
]
149-
}
150-
]
4+
"description": "Learn CSS with an interactive and auto-graded tutorial with dozens of exercises."
1515
}

‎exercises/01-Hello-World/README.md

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -20,6 +20,9 @@ Look at this example:
2020
<a href="https://google.com" target="_blank">Click me to open google.com</a>
2121
```
2222

23+
We have an HTML anchor `<a>` that takes people to google.com when clicked.
24+
We use CSS to tell (selected) all the anchor tags and make then pink.
25+
2326
## 📝 Instructions
2427

2528
Paste this code on your website to see the results.

‎exercises/01.1-Your-First-Style/index.html

Lines changed: 0 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,15 +1,12 @@
11
<!DOCTYPE html>
22
<html>
33
<head>
4-
<meta charset="utf-8" />
5-
<meta name="viewport" content="width=device-width" />
64
<style>
75
a {
86
/* change this style to yellow */
97
color: red;
108
}
119
</style>
12-
<title>01 Your First Style</title>
1310
</head>
1411
<body>
1512
Hello! <a href="#">I am an anchor in red, change my color to yellow</a>

‎exercises/01.2-Your-Second-Style/index.html

Lines changed: 0 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,9 @@
11
<!DOCTYPE html>
22
<html>
33
<head>
4-
<meta charset="utf-8" />
5-
<meta name="viewport" content="width=device-width" />
64
<style>
75
/* Your code here */
86
</style>
9-
<title>01 Your First Style</title>
107
</head>
118
<body>
129
Hello! My background should be blue!

0 commit comments

Comments
 (0)