fix(learn): consolidate comments for responsive web design cert (#38256)
Related to PR #38040 This PR is an attempt to consolidate/remove as many comments in the challenge seed code in the Responsive Web Design certification challenges, to be able to create a small translation lookup object for translating the English comments to other languages.
This commit is contained in:
@ -62,9 +62,9 @@ tests:
|
||||
top: 10%;
|
||||
left: 25%;
|
||||
|
||||
/* change code below */
|
||||
/* Change code below this line */
|
||||
background: var(--pengiun-skin);
|
||||
/* change code above */
|
||||
/* Change code above this line */
|
||||
|
||||
width: 50%;
|
||||
height: 45%;
|
||||
@ -75,9 +75,9 @@ tests:
|
||||
top: 40%;
|
||||
left: 23.5%;
|
||||
|
||||
/* change code below */
|
||||
/* Change code below this line */
|
||||
background: var(--pengiun-skin);
|
||||
/* change code above */
|
||||
/* Change code above this line */
|
||||
|
||||
width: 53%;
|
||||
height: 45%;
|
||||
|
@ -47,11 +47,9 @@ tests:
|
||||
}
|
||||
|
||||
.penguin {
|
||||
/* Only change code below this line */
|
||||
|
||||
/* add code below */
|
||||
|
||||
/* add code above */
|
||||
|
||||
/* Only change code above this line */
|
||||
position: relative;
|
||||
margin: auto;
|
||||
display: block;
|
||||
|
@ -43,10 +43,9 @@ tests:
|
||||
```html
|
||||
<style>
|
||||
.penguin {
|
||||
/* Only change code below this line */
|
||||
|
||||
/* add code below */
|
||||
|
||||
/* add code above */
|
||||
/* Only change code above this line */
|
||||
position: relative;
|
||||
margin: auto;
|
||||
display: block;
|
||||
|
@ -38,10 +38,9 @@ tests:
|
||||
```html
|
||||
<style>
|
||||
:root {
|
||||
/* Only change code below this line */
|
||||
|
||||
/* add code below */
|
||||
|
||||
/* add code above */
|
||||
/* Only change code above this line */
|
||||
}
|
||||
|
||||
body {
|
||||
|
@ -62,9 +62,9 @@ tests:
|
||||
top: 10%;
|
||||
left: 25%;
|
||||
|
||||
/* change code below */
|
||||
/* Change code below this line */
|
||||
background: black;
|
||||
/* change code above */
|
||||
/* Change code above this line */
|
||||
|
||||
width: 50%;
|
||||
height: 45%;
|
||||
@ -75,9 +75,9 @@ tests:
|
||||
top: 40%;
|
||||
left: 23.5%;
|
||||
|
||||
/* change code below */
|
||||
/* Change code below this line */
|
||||
background: black;
|
||||
/* change code above */
|
||||
/* Change code above this line */
|
||||
|
||||
width: 53%;
|
||||
height: 45%;
|
||||
@ -88,9 +88,9 @@ tests:
|
||||
top: 0%;
|
||||
left: -5%;
|
||||
|
||||
/* change code below */
|
||||
/* Change code below this line */
|
||||
background: black;
|
||||
/* change code above */
|
||||
/* Change code above this line */
|
||||
|
||||
width: 30%;
|
||||
height: 60%;
|
||||
@ -103,9 +103,9 @@ tests:
|
||||
top: 0%;
|
||||
left: 75%;
|
||||
|
||||
/* change code below */
|
||||
/* Change code below this line */
|
||||
background: black;
|
||||
/* change code above */
|
||||
/* Change code above this line */
|
||||
|
||||
width: 30%;
|
||||
height: 60%;
|
||||
|
@ -47,11 +47,9 @@ tests:
|
||||
|
||||
@media (max-width: 350px) {
|
||||
:root {
|
||||
/* Only change code below this line */
|
||||
|
||||
/* add code below */
|
||||
|
||||
/* add code above */
|
||||
|
||||
/* Only change code above this line */
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -42,11 +42,11 @@ tests:
|
||||
<style>
|
||||
.penguin {
|
||||
|
||||
/* change code below */
|
||||
/* Only change code below this line */
|
||||
--penguin-skin: black;
|
||||
--penguin-belly: gray;
|
||||
--penguin-beak: yellow;
|
||||
/* change code above */
|
||||
/* Only change code above this line */
|
||||
|
||||
position: relative;
|
||||
margin: auto;
|
||||
|
Reference in New Issue
Block a user