fix(challenge-md): Fix quotes that failed in the transform
This commit is contained in:
committed by
mrugesh mohapatra
parent
392b28fa55
commit
a859035023
@ -27,9 +27,9 @@ Add a media query, so that the <code>p</code> tag has a <code>font-size</code> o
|
||||
```yml
|
||||
tests:
|
||||
- text: Your <code>p</code> element should have the <code>font-size</code> of 10px when the device <code>height</code> is less than or equal to 800px.
|
||||
testString: 'assert($(''p'').css(''font-size'') == ''10px'', ''Your <code>p</code> element should have the <code>font-size</code> of 10px when the device <code>height</code> is less than or equal to 800px.'');'
|
||||
testString: 'assert($("p").css("font-size") == "10px", "Your <code>p</code> element should have the <code>font-size</code> of 10px when the device <code>height</code> is less than or equal to 800px.");'
|
||||
- text: Declare a <code>@media</code> query for devices with a <code>height</code> less than or equal to 800px.
|
||||
testString: 'assert(code.match(/@media\s*?\(\s*?max-height\s*?:\s*?800px\s*?\)/g), ''Declare a <code>@media</code> query for devices with a <code>height</code> less than or equal to 800px.'');'
|
||||
testString: 'assert(code.match(/@media\s*?\(\s*?max-height\s*?:\s*?800px\s*?\)/g), "Declare a <code>@media</code> query for devices with a <code>height</code> less than or equal to 800px.");'
|
||||
|
||||
```
|
||||
|
||||
@ -45,11 +45,11 @@ tests:
|
||||
p {
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
|
||||
/* Add media query below */
|
||||
|
||||
|
||||
</style>
|
||||
|
||||
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus quis tempus massa. Aenean erat nisl, gravida vel vestibulum cursus, interdum sit amet lectus. Sed sit amet quam nibh. Suspendisse quis tincidunt nulla. In hac habitasse platea dictumst. Ut sit amet pretium nisl. Vivamus vel mi sem. Aenean sit amet consectetur sem. Suspendisse pretium, purus et gravida consequat, nunc ligula ultricies diam, at aliquet velit libero a dui.</p>
|
||||
```
|
||||
|
||||
|
@ -25,11 +25,11 @@ Add style rules for the <code>img</code> tag to make it responsive to the size o
|
||||
```yml
|
||||
tests:
|
||||
- text: Your <code>img</code> tag should have a <code>max-width</code> set to 100%.
|
||||
testString: 'assert(code.match(/max-width:\s*?100%;/g), ''Your <code>img</code> tag should have a <code>max-width</code> set to 100%.'');'
|
||||
testString: 'assert(code.match(/max-width:\s*?100%;/g), "Your <code>img</code> tag should have a <code>max-width</code> set to 100%.");'
|
||||
- text: Your <code>img</code> tag should have a <code>display</code> set to block.
|
||||
testString: 'assert($(''img'').css(''display'') == ''block'', ''Your <code>img</code> tag should have a <code>display</code> set to block.'');'
|
||||
testString: 'assert($("img").css("display") == "block", "Your <code>img</code> tag should have a <code>display</code> set to block.");'
|
||||
- text: Your <code>img</code> tag should have a <code>height</code> set to auto.
|
||||
testString: 'assert(code.match(/height:\s*?auto;/g), ''Your <code>img</code> tag should have a <code>height</code> set to auto.'');'
|
||||
testString: 'assert(code.match(/height:\s*?auto;/g), "Your <code>img</code> tag should have a <code>height</code> set to auto.");'
|
||||
|
||||
```
|
||||
|
||||
@ -42,7 +42,7 @@ tests:
|
||||
|
||||
```html
|
||||
<style>
|
||||
|
||||
|
||||
</style>
|
||||
|
||||
<img src="https://s3.amazonaws.com/freecodecamp/FCCStickerPack.jpg" alt="freeCodeCamp stickers set">
|
||||
|
@ -23,9 +23,9 @@ Set the <code>width</code> of the <code>h2</code> tag to 80% of the viewport's w
|
||||
```yml
|
||||
tests:
|
||||
- text: Your <code>h2</code> tag should have a <code>width</code> of 80vw.
|
||||
testString: 'assert(code.match(/h2\s*?{\s*?width:\s*?80vw;\s*?}/g), ''Your <code>h2</code> tag should have a <code>width</code> of 80vw.'');'
|
||||
testString: 'assert(code.match(/h2\s*?{\s*?width:\s*?80vw;\s*?}/g), "Your <code>h2</code> tag should have a <code>width</code> of 80vw.");'
|
||||
- text: Your <code>p</code> tag should have a <code>width</code> of 75vmin.
|
||||
testString: 'assert(code.match(/p\s*?{\s*?width:\s*?75vmin;\s*?}/g), ''Your <code>p</code> tag should have a <code>width</code> of 75vmin.'');'
|
||||
testString: 'assert(code.match(/p\s*?{\s*?width:\s*?75vmin;\s*?}/g), "Your <code>p</code> tag should have a <code>width</code> of 75vmin.");'
|
||||
|
||||
```
|
||||
|
||||
@ -38,7 +38,7 @@ tests:
|
||||
|
||||
```html
|
||||
<style>
|
||||
|
||||
|
||||
</style>
|
||||
|
||||
<h2>Importantus Ipsum</h2>
|
||||
|
@ -23,9 +23,9 @@ Set the <code>width</code> and <code>height</code> of the <code>img</code> tag t
|
||||
```yml
|
||||
tests:
|
||||
- text: Your <code>img</code> tag should have a <code>width</code> of 100 pixels.
|
||||
testString: 'assert($(''img'').css(''width'') == ''100px'', ''Your <code>img</code> tag should have a <code>width</code> of 100 pixels.'');'
|
||||
testString: 'assert($("img").css("width") == "100px", "Your <code>img</code> tag should have a <code>width</code> of 100 pixels.");'
|
||||
- text: Your <code>img</code> tag should have a <code>height</code> of 100 pixels.
|
||||
testString: 'assert($(''img'').css(''height'') == ''100px'', ''Your <code>img</code> tag should have a <code>height</code> of 100 pixels.'');'
|
||||
testString: 'assert($("img").css("height") == "100px", "Your <code>img</code> tag should have a <code>height</code> of 100 pixels.");'
|
||||
|
||||
```
|
||||
|
||||
@ -38,7 +38,7 @@ tests:
|
||||
|
||||
```html
|
||||
<style>
|
||||
|
||||
|
||||
</style>
|
||||
|
||||
<img src="https://s3.amazonaws.com/freecodecamp/FCCStickers-CamperBot200x200.jpg" alt="freeCodeCamp sticker that says 'Because CamperBot Cares'">
|
||||
|
Reference in New Issue
Block a user