chore: resolve discrepancies with tests
This commit is contained in:
Nicholas Carrigan
@ -14,7 +14,6 @@ Give your `#gallery` selector a `padding` property set to `0 4px`.
|
||||
Your `#gallery` selector should have a `padding` property set to `0 4px`.
|
||||
|
||||
```js
|
||||
// @nhcarrigan The following steps do not have this
|
||||
assert.equal(new __helpers.CSSHelp(document).getStyle('#gallery')?.paddingTop, '0px');
|
||||
assert.equal(new __helpers.CSSHelp(document).getStyle('#gallery')?.paddingBottom, '0px');
|
||||
assert.equal(new __helpers.CSSHelp(document).getStyle('#gallery')?.paddingLeft, '4px');
|
||||
|
||||
@ -75,6 +75,7 @@ body {
|
||||
flex-wrap: wrap;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
--fcc-editable-region--
|
||||
|
||||
@ -81,6 +81,7 @@ body {
|
||||
flex-wrap: wrap;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
--fcc-editable-region--
|
||||
|
||||
@ -73,6 +73,7 @@ body {
|
||||
flex-wrap: wrap;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
--fcc-editable-region--
|
||||
|
||||
@ -94,6 +94,7 @@ body {
|
||||
flex-wrap: wrap;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#gallery img {
|
||||
|
||||
@ -104,6 +104,7 @@ body {
|
||||
flex-wrap: wrap;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#gallery img {
|
||||
@ -180,6 +181,7 @@ body {
|
||||
flex-wrap: wrap;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#gallery img {
|
||||
|
||||
@ -14,7 +14,6 @@ To give the `hr` a color, you need to adjust the `border` property. Give the `hr
|
||||
Your `hr` should have a `border` property set to `1px solid rgba(120, 120, 120, 0.6)`.
|
||||
|
||||
```js
|
||||
// @nhcarrigan The following steps do not have this
|
||||
assert.equal(new __helpers.CSSHelp(document).getStyle('hr')?.borderWidth, '1px');
|
||||
assert.equal(new __helpers.CSSHelp(document).getStyle('hr')?.borderStyle, 'solid');
|
||||
assert.equal(new __helpers.CSSHelp(document).getStyle('hr')?.borderColor, 'rgba(120, 120, 120, 0.6)');
|
||||
|
||||
@ -260,6 +260,7 @@ img {
|
||||
|
||||
hr {
|
||||
margin: 1.5rem 0;
|
||||
border: 1px solid rgba(120, 120, 120, 0.6);
|
||||
}
|
||||
|
||||
.heading {
|
||||
|
||||
@ -243,6 +243,7 @@ img {
|
||||
|
||||
hr {
|
||||
margin: 1.5rem 0;
|
||||
border: 1px solid rgba(120, 120, 120, 0.6);
|
||||
}
|
||||
|
||||
.heading {
|
||||
|
||||
@ -264,6 +264,7 @@ img {
|
||||
|
||||
hr {
|
||||
margin: 1.5rem 0;
|
||||
border: 1px solid rgba(120, 120, 120, 0.6);
|
||||
}
|
||||
|
||||
.heading {
|
||||
|
||||
@ -250,6 +250,7 @@ img {
|
||||
|
||||
hr {
|
||||
margin: 1.5rem 0;
|
||||
border: 1px solid rgba(120, 120, 120, 0.6);
|
||||
}
|
||||
|
||||
.heading {
|
||||
|
||||
@ -248,6 +248,7 @@ img {
|
||||
|
||||
hr {
|
||||
margin: 1.5rem 0;
|
||||
border: 1px solid rgba(120, 120, 120, 0.6);
|
||||
}
|
||||
|
||||
.heading {
|
||||
|
||||
@ -242,6 +242,7 @@ img {
|
||||
|
||||
hr {
|
||||
margin: 1.5rem 0;
|
||||
border: 1px solid rgba(120, 120, 120, 0.6);
|
||||
}
|
||||
|
||||
.heading {
|
||||
|
||||
@ -248,6 +248,7 @@ img {
|
||||
|
||||
hr {
|
||||
margin: 1.5rem 0;
|
||||
border: 1px solid rgba(120, 120, 120, 0.6);
|
||||
}
|
||||
|
||||
.heading {
|
||||
|
||||
@ -242,6 +242,7 @@ img {
|
||||
|
||||
hr {
|
||||
margin: 1.5rem 0;
|
||||
border: 1px solid rgba(120, 120, 120, 0.6);
|
||||
}
|
||||
|
||||
.heading {
|
||||
|
||||
@ -248,6 +248,7 @@ img {
|
||||
|
||||
hr {
|
||||
margin: 1.5rem 0;
|
||||
border: 1px solid rgba(120, 120, 120, 0.6);
|
||||
}
|
||||
|
||||
.heading {
|
||||
|
||||
@ -248,6 +248,7 @@ img {
|
||||
|
||||
hr {
|
||||
margin: 1.5rem 0;
|
||||
border: 1px solid rgba(120, 120, 120, 0.6);
|
||||
}
|
||||
|
||||
.heading {
|
||||
|
||||
@ -250,6 +250,7 @@ img {
|
||||
|
||||
hr {
|
||||
margin: 1.5rem 0;
|
||||
border: 1px solid rgba(120, 120, 120, 0.6);
|
||||
}
|
||||
|
||||
.heading {
|
||||
|
||||
@ -250,6 +250,7 @@ img {
|
||||
|
||||
hr {
|
||||
margin: 1.5rem 0;
|
||||
border: 1px solid rgba(120, 120, 120, 0.6);
|
||||
}
|
||||
|
||||
.heading {
|
||||
|
||||
@ -244,6 +244,7 @@ img {
|
||||
|
||||
hr {
|
||||
margin: 1.5rem 0;
|
||||
border: 1px solid rgba(120, 120, 120, 0.6);
|
||||
}
|
||||
|
||||
.heading {
|
||||
|
||||
@ -244,6 +244,7 @@ img {
|
||||
|
||||
hr {
|
||||
margin: 1.5rem 0;
|
||||
border: 1px solid rgba(120, 120, 120, 0.6);
|
||||
}
|
||||
|
||||
.heading {
|
||||
|
||||
@ -248,6 +248,7 @@ img {
|
||||
|
||||
hr {
|
||||
margin: 1.5rem 0;
|
||||
border: 1px solid rgba(120, 120, 120, 0.6);
|
||||
}
|
||||
|
||||
.heading {
|
||||
|
||||
@ -258,6 +258,7 @@ img {
|
||||
|
||||
hr {
|
||||
margin: 1.5rem 0;
|
||||
border: 1px solid rgba(120, 120, 120, 0.6);
|
||||
}
|
||||
|
||||
.heading {
|
||||
|
||||
@ -256,6 +256,7 @@ img {
|
||||
|
||||
hr {
|
||||
margin: 1.5rem 0;
|
||||
border: 1px solid rgba(120, 120, 120, 0.6);
|
||||
}
|
||||
|
||||
.heading {
|
||||
|
||||
@ -275,6 +275,7 @@ img {
|
||||
|
||||
hr {
|
||||
margin: 1.5rem 0;
|
||||
border: 1px solid rgba(120, 120, 120, 0.6);
|
||||
}
|
||||
|
||||
.heading {
|
||||
|
||||
@ -256,6 +256,7 @@ img {
|
||||
|
||||
hr {
|
||||
margin: 1.5rem 0;
|
||||
border: 1px solid rgba(120, 120, 120, 0.6);
|
||||
}
|
||||
|
||||
.heading {
|
||||
@ -627,6 +628,7 @@ img {
|
||||
|
||||
hr {
|
||||
margin: 1.5rem 0;
|
||||
border: 1px solid rgba(120, 120, 120, 0.6);
|
||||
}
|
||||
|
||||
.heading {
|
||||
|
||||
@ -14,7 +14,6 @@ These dots are just a little too square. Give the `black-dot` class a `border-ra
|
||||
Your `.black-dot` selector should have a `border-radius` property set to `50%`.
|
||||
|
||||
```js
|
||||
// @nhcarrigan This is not in the following steps
|
||||
assert.equal(new __helpers.CSSHelp(document).getStyle('.black-dot')?.borderTopLeftRadius, '50%');
|
||||
assert.equal(new __helpers.CSSHelp(document).getStyle('.black-dot')?.borderTopRightRadius, '50%');
|
||||
assert.equal(new __helpers.CSSHelp(document).getStyle('.black-dot')?.borderBottomRightRadius, '50%');
|
||||
|
||||
@ -127,6 +127,7 @@ body {
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
background-color: rgb(45, 31, 19);
|
||||
border-radius: 50%;
|
||||
--fcc-editable-region--
|
||||
|
||||
--fcc-editable-region--
|
||||
|
||||
@ -133,6 +133,7 @@ body {
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
background-color: rgb(45, 31, 19);
|
||||
border-radius: 50%;
|
||||
display: block;
|
||||
margin: auto;
|
||||
margin-top: 65%;
|
||||
|
||||
@ -127,6 +127,7 @@ body {
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
background-color: rgb(45, 31, 19);
|
||||
border-radius: 50%;
|
||||
display: block;
|
||||
margin: auto;
|
||||
margin-top: 65%;
|
||||
|
||||
@ -115,6 +115,7 @@ body {
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
background-color: rgb(45, 31, 19);
|
||||
border-radius: 50%;
|
||||
display: block;
|
||||
margin: auto;
|
||||
margin-top: 65%;
|
||||
|
||||
@ -124,6 +124,7 @@ body {
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
background-color: rgb(45, 31, 19);
|
||||
border-radius: 50%;
|
||||
display: block;
|
||||
margin: auto;
|
||||
margin-top: 65%;
|
||||
|
||||
@ -138,6 +138,7 @@ body {
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
background-color: rgb(45, 31, 19);
|
||||
border-radius: 50%;
|
||||
display: block;
|
||||
margin: auto;
|
||||
margin-top: 65%;
|
||||
|
||||
@ -140,6 +140,7 @@ body {
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
background-color: rgb(45, 31, 19);
|
||||
border-radius: 50%;
|
||||
display: block;
|
||||
margin: auto;
|
||||
margin-top: 65%;
|
||||
|
||||
@ -143,6 +143,7 @@ body {
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
background-color: rgb(45, 31, 19);
|
||||
border-radius: 50%;
|
||||
display: block;
|
||||
margin: auto;
|
||||
margin-top: 65%;
|
||||
|
||||
@ -146,6 +146,7 @@ body {
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
background-color: rgb(45, 31, 19);
|
||||
border-radius: 50%;
|
||||
display: block;
|
||||
margin: auto;
|
||||
margin-top: 65%;
|
||||
|
||||
@ -140,6 +140,7 @@ body {
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
background-color: rgb(45, 31, 19);
|
||||
border-radius: 50%;
|
||||
display: block;
|
||||
margin: auto;
|
||||
margin-top: 65%;
|
||||
|
||||
@ -146,6 +146,7 @@ body {
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
background-color: rgb(45, 31, 19);
|
||||
border-radius: 50%;
|
||||
display: block;
|
||||
margin: auto;
|
||||
margin-top: 65%;
|
||||
|
||||
@ -128,6 +128,7 @@ body {
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
background-color: rgb(45, 31, 19);
|
||||
border-radius: 50%;
|
||||
display: block;
|
||||
margin: auto;
|
||||
margin-top: 65%;
|
||||
|
||||
@ -146,6 +146,7 @@ body {
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
background-color: rgb(45, 31, 19);
|
||||
border-radius: 50%;
|
||||
display: block;
|
||||
margin: auto;
|
||||
margin-top: 65%;
|
||||
|
||||
@ -140,6 +140,7 @@ body {
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
background-color: rgb(45, 31, 19);
|
||||
border-radius: 50%;
|
||||
display: block;
|
||||
margin: auto;
|
||||
margin-top: 65%;
|
||||
|
||||
@ -146,6 +146,7 @@ body {
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
background-color: rgb(45, 31, 19);
|
||||
border-radius: 50%;
|
||||
display: block;
|
||||
margin: auto;
|
||||
margin-top: 65%;
|
||||
|
||||
@ -140,6 +140,7 @@ body {
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
background-color: rgb(45, 31, 19);
|
||||
border-radius: 50%;
|
||||
display: block;
|
||||
margin: auto;
|
||||
margin-top: 65%;
|
||||
|
||||
@ -146,6 +146,7 @@ body {
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
background-color: rgb(45, 31, 19);
|
||||
border-radius: 50%;
|
||||
display: block;
|
||||
margin: auto;
|
||||
margin-top: 65%;
|
||||
|
||||
@ -140,6 +140,7 @@ body {
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
background-color: rgb(45, 31, 19);
|
||||
border-radius: 50%;
|
||||
display: block;
|
||||
margin: auto;
|
||||
margin-top: 65%;
|
||||
|
||||
@ -128,6 +128,7 @@ body {
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
background-color: rgb(45, 31, 19);
|
||||
border-radius: 50%;
|
||||
display: block;
|
||||
margin: auto;
|
||||
margin-top: 65%;
|
||||
|
||||
@ -146,6 +146,7 @@ body {
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
background-color: rgb(45, 31, 19);
|
||||
border-radius: 50%;
|
||||
display: block;
|
||||
margin: auto;
|
||||
margin-top: 65%;
|
||||
|
||||
@ -151,6 +151,7 @@ body {
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
background-color: rgb(45, 31, 19);
|
||||
border-radius: 50%;
|
||||
display: block;
|
||||
margin: auto;
|
||||
margin-top: 65%;
|
||||
|
||||
@ -136,6 +136,7 @@ body {
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
background-color: rgb(45, 31, 19);
|
||||
border-radius: 50%;
|
||||
display: block;
|
||||
margin: auto;
|
||||
margin-top: 65%;
|
||||
|
||||
@ -142,6 +142,7 @@ body {
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
background-color: rgb(45, 31, 19);
|
||||
border-radius: 50%;
|
||||
display: block;
|
||||
margin: auto;
|
||||
margin-top: 65%;
|
||||
|
||||
@ -142,6 +142,7 @@ body {
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
background-color: rgb(45, 31, 19);
|
||||
border-radius: 50%;
|
||||
display: block;
|
||||
margin: auto;
|
||||
margin-top: 65%;
|
||||
|
||||
@ -142,6 +142,7 @@ body {
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
background-color: rgb(45, 31, 19);
|
||||
border-radius: 50%;
|
||||
display: block;
|
||||
margin: auto;
|
||||
margin-top: 65%;
|
||||
|
||||
@ -142,6 +142,7 @@ body {
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
background-color: rgb(45, 31, 19);
|
||||
border-radius: 50%;
|
||||
display: block;
|
||||
margin: auto;
|
||||
margin-top: 65%;
|
||||
|
||||
@ -139,6 +139,7 @@ body {
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
background-color: rgb(45, 31, 19);
|
||||
border-radius: 50%;
|
||||
display: block;
|
||||
margin: auto;
|
||||
margin-top: 65%;
|
||||
|
||||
@ -159,6 +159,7 @@ body {
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
background-color: rgb(45, 31, 19);
|
||||
border-radius: 50%;
|
||||
display: block;
|
||||
margin: auto;
|
||||
margin-top: 65%;
|
||||
|
||||
@ -154,6 +154,7 @@ body {
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
background-color: rgb(45, 31, 19);
|
||||
border-radius: 50%;
|
||||
display: block;
|
||||
margin: auto;
|
||||
margin-top: 65%;
|
||||
|
||||
@ -152,6 +152,7 @@ body {
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
background-color: rgb(45, 31, 19);
|
||||
border-radius: 50%;
|
||||
display: block;
|
||||
margin: auto;
|
||||
margin-top: 65%;
|
||||
|
||||
@ -212,6 +212,7 @@ body {
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
background-color: rgb(45, 31, 19);
|
||||
border-radius: 50%;
|
||||
display: block;
|
||||
margin: auto;
|
||||
margin-top: 65%;
|
||||
|
||||
@ -195,6 +195,7 @@ body {
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
background-color: rgb(45, 31, 19);
|
||||
border-radius: 50%;
|
||||
display: block;
|
||||
margin: auto;
|
||||
margin-top: 65%;
|
||||
|
||||
@ -196,6 +196,7 @@ body {
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
background-color: rgb(45, 31, 19);
|
||||
border-radius: 50%;
|
||||
display: block;
|
||||
margin: auto;
|
||||
margin-top: 65%;
|
||||
|
||||
@ -190,6 +190,7 @@ body {
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
background-color: rgb(45, 31, 19);
|
||||
border-radius: 50%;
|
||||
display: block;
|
||||
margin: auto;
|
||||
margin-top: 65%;
|
||||
|
||||
@ -196,6 +196,7 @@ body {
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
background-color: rgb(45, 31, 19);
|
||||
border-radius: 50%;
|
||||
display: block;
|
||||
margin: auto;
|
||||
margin-top: 65%;
|
||||
|
||||
@ -178,6 +178,7 @@ body {
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
background-color: rgb(45, 31, 19);
|
||||
border-radius: 50%;
|
||||
display: block;
|
||||
margin: auto;
|
||||
margin-top: 65%;
|
||||
|
||||
@ -190,6 +190,7 @@ body {
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
background-color: rgb(45, 31, 19);
|
||||
border-radius: 50%;
|
||||
display: block;
|
||||
margin: auto;
|
||||
margin-top: 65%;
|
||||
|
||||
@ -178,6 +178,7 @@ body {
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
background-color: rgb(45, 31, 19);
|
||||
border-radius: 50%;
|
||||
display: block;
|
||||
margin: auto;
|
||||
margin-top: 65%;
|
||||
|
||||
@ -190,6 +190,7 @@ body {
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
background-color: rgb(45, 31, 19);
|
||||
border-radius: 50%;
|
||||
display: block;
|
||||
margin: auto;
|
||||
margin-top: 65%;
|
||||
|
||||
@ -190,6 +190,7 @@ body {
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
background-color: rgb(45, 31, 19);
|
||||
border-radius: 50%;
|
||||
display: block;
|
||||
margin: auto;
|
||||
margin-top: 65%;
|
||||
|
||||
@ -14,7 +14,6 @@ Give the `eyes-div` a `z-index` of `3`.
|
||||
Your `#eyes-div` selector should have a `z-index` property set to `3`.
|
||||
|
||||
```js
|
||||
// @nhcarrigan The next step does not include this
|
||||
assert(new __helpers.CSSHelp(document).getStyle('#eyes-div')?.zIndex === '3');
|
||||
```
|
||||
|
||||
@ -179,6 +178,7 @@ body {
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
background-color: rgb(45, 31, 19);
|
||||
border-radius: 50%;
|
||||
display: block;
|
||||
margin: auto;
|
||||
margin-top: 65%;
|
||||
|
||||
@ -190,6 +190,7 @@ body {
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
background-color: rgb(45, 31, 19);
|
||||
border-radius: 50%;
|
||||
display: block;
|
||||
margin: auto;
|
||||
margin-top: 65%;
|
||||
@ -299,6 +300,7 @@ body {
|
||||
position: absolute;
|
||||
top: -40px;
|
||||
left: 20px;
|
||||
z-index: 3;
|
||||
}
|
||||
|
||||
--fcc-editable-region--
|
||||
|
||||
@ -190,6 +190,7 @@ body {
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
background-color: rgb(45, 31, 19);
|
||||
border-radius: 50%;
|
||||
display: block;
|
||||
margin: auto;
|
||||
margin-top: 65%;
|
||||
@ -299,6 +300,7 @@ body {
|
||||
position: absolute;
|
||||
top: -40px;
|
||||
left: 20px;
|
||||
z-index: 3;
|
||||
}
|
||||
|
||||
#triangles {
|
||||
|
||||
@ -184,6 +184,7 @@ body {
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
background-color: rgb(45, 31, 19);
|
||||
border-radius: 50%;
|
||||
display: block;
|
||||
margin: auto;
|
||||
margin-top: 65%;
|
||||
@ -293,6 +294,7 @@ body {
|
||||
position: absolute;
|
||||
top: -40px;
|
||||
left: 20px;
|
||||
z-index: 3;
|
||||
}
|
||||
|
||||
#triangles {
|
||||
|
||||
@ -196,6 +196,7 @@ body {
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
background-color: rgb(45, 31, 19);
|
||||
border-radius: 50%;
|
||||
display: block;
|
||||
margin: auto;
|
||||
margin-top: 65%;
|
||||
@ -305,6 +306,7 @@ body {
|
||||
position: absolute;
|
||||
top: -40px;
|
||||
left: 20px;
|
||||
z-index: 3;
|
||||
}
|
||||
|
||||
#triangles {
|
||||
|
||||
@ -178,6 +178,7 @@ body {
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
background-color: rgb(45, 31, 19);
|
||||
border-radius: 50%;
|
||||
display: block;
|
||||
margin: auto;
|
||||
margin-top: 65%;
|
||||
@ -287,6 +288,7 @@ body {
|
||||
position: absolute;
|
||||
top: -40px;
|
||||
left: 20px;
|
||||
z-index: 3;
|
||||
}
|
||||
|
||||
#triangles {
|
||||
|
||||
@ -190,6 +190,7 @@ body {
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
background-color: rgb(45, 31, 19);
|
||||
border-radius: 50%;
|
||||
display: block;
|
||||
margin: auto;
|
||||
margin-top: 65%;
|
||||
@ -299,6 +300,7 @@ body {
|
||||
position: absolute;
|
||||
top: -40px;
|
||||
left: 20px;
|
||||
z-index: 3;
|
||||
}
|
||||
|
||||
#triangles {
|
||||
|
||||
@ -190,6 +190,7 @@ body {
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
background-color: rgb(45, 31, 19);
|
||||
border-radius: 50%;
|
||||
display: block;
|
||||
margin: auto;
|
||||
margin-top: 65%;
|
||||
@ -299,6 +300,7 @@ body {
|
||||
position: absolute;
|
||||
top: -40px;
|
||||
left: 20px;
|
||||
z-index: 3;
|
||||
}
|
||||
|
||||
#triangles {
|
||||
|
||||
@ -178,6 +178,7 @@ body {
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
background-color: rgb(45, 31, 19);
|
||||
border-radius: 50%;
|
||||
display: block;
|
||||
margin: auto;
|
||||
margin-top: 65%;
|
||||
@ -287,6 +288,7 @@ body {
|
||||
position: absolute;
|
||||
top: -40px;
|
||||
left: 20px;
|
||||
z-index: 3;
|
||||
}
|
||||
|
||||
#triangles {
|
||||
|
||||
@ -202,6 +202,7 @@ body {
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
background-color: rgb(45, 31, 19);
|
||||
border-radius: 50%;
|
||||
display: block;
|
||||
margin: auto;
|
||||
margin-top: 65%;
|
||||
|
||||
@ -184,6 +184,7 @@ body {
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
background-color: rgb(45, 31, 19);
|
||||
border-radius: 50%;
|
||||
display: block;
|
||||
margin: auto;
|
||||
margin-top: 65%;
|
||||
|
||||
@ -190,6 +190,7 @@ body {
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
background-color: rgb(45, 31, 19);
|
||||
border-radius: 50%;
|
||||
display: block;
|
||||
margin: auto;
|
||||
margin-top: 65%;
|
||||
|
||||
@ -196,6 +196,7 @@ body {
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
background-color: rgb(45, 31, 19);
|
||||
border-radius: 50%;
|
||||
display: block;
|
||||
margin: auto;
|
||||
margin-top: 65%;
|
||||
|
||||
@ -196,6 +196,7 @@ body {
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
background-color: rgb(45, 31, 19);
|
||||
border-radius: 50%;
|
||||
display: block;
|
||||
margin: auto;
|
||||
margin-top: 65%;
|
||||
|
||||
@ -190,6 +190,7 @@ body {
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
background-color: rgb(45, 31, 19);
|
||||
border-radius: 50%;
|
||||
display: block;
|
||||
margin: auto;
|
||||
margin-top: 65%;
|
||||
|
||||
@ -178,6 +178,7 @@ body {
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
background-color: rgb(45, 31, 19);
|
||||
border-radius: 50%;
|
||||
display: block;
|
||||
margin: auto;
|
||||
margin-top: 65%;
|
||||
|
||||
@ -202,6 +202,7 @@ body {
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
background-color: rgb(45, 31, 19);
|
||||
border-radius: 50%;
|
||||
display: block;
|
||||
margin: auto;
|
||||
margin-top: 65%;
|
||||
|
||||
@ -196,6 +196,7 @@ body {
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
background-color: rgb(45, 31, 19);
|
||||
border-radius: 50%;
|
||||
display: block;
|
||||
margin: auto;
|
||||
margin-top: 65%;
|
||||
|
||||
@ -196,6 +196,7 @@ body {
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
background-color: rgb(45, 31, 19);
|
||||
border-radius: 50%;
|
||||
display: block;
|
||||
margin: auto;
|
||||
margin-top: 65%;
|
||||
|
||||
@ -186,6 +186,7 @@ body {
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
background-color: rgb(45, 31, 19);
|
||||
border-radius: 50%;
|
||||
display: block;
|
||||
margin: auto;
|
||||
margin-top: 65%;
|
||||
|
||||
@ -44,7 +44,6 @@ assert(img?.getAttribute('src') === 'https://cdn.freecodecamp.org/platform/unive
|
||||
Your `img` element should have an `alt` attribute set to `freeCodeCamp Logo`.
|
||||
|
||||
```js
|
||||
// @nhcarrigan The next steps do not have this
|
||||
assert(document.querySelector('img')?.getAttribute('alt')?.toLowerCase() === 'freecodecamp logo');
|
||||
```
|
||||
|
||||
|
||||
@ -50,7 +50,7 @@ assert(new __helpers.CSSHelp(document).getStyle('.logo')?.top === '23px');
|
||||
</head>
|
||||
<body>
|
||||
<div id="piano">
|
||||
<img class="logo" src="https://cdn.freecodecamp.org/platform/universal/fcc_primary.svg">
|
||||
<img class="logo" src="https://cdn.freecodecamp.org/platform/universal/fcc_primary.svg" alt="freeCodeCamp Logo" />
|
||||
<div class="keys">
|
||||
<div class="key"></div>
|
||||
<div class="key black--key"></div>
|
||||
|
||||
@ -32,7 +32,7 @@ assert(new __helpers.CSSHelp(document).getStyle('#piano')?.position === 'relativ
|
||||
</head>
|
||||
<body>
|
||||
<div id="piano">
|
||||
<img class="logo" src="https://cdn.freecodecamp.org/platform/universal/fcc_primary.svg">
|
||||
<img class="logo" src="https://cdn.freecodecamp.org/platform/universal/fcc_primary.svg" alt="freeCodeCamp Logo" />
|
||||
<div class="keys">
|
||||
<div class="key"></div>
|
||||
<div class="key black--key"></div>
|
||||
|
||||
@ -32,7 +32,7 @@ assert(new __helpers.CSSHelp(document).getStyle('#piano')?.borderRadius === '10p
|
||||
</head>
|
||||
<body>
|
||||
<div id="piano">
|
||||
<img class="logo" src="https://cdn.freecodecamp.org/platform/universal/fcc_primary.svg">
|
||||
<img class="logo" src="https://cdn.freecodecamp.org/platform/universal/fcc_primary.svg" alt="freeCodeCamp Logo" />
|
||||
<div class="keys">
|
||||
<div class="key"></div>
|
||||
<div class="key black--key"></div>
|
||||
|
||||
@ -32,7 +32,7 @@ assert(new __helpers.CSSHelp(document).getStyle('.key')?.borderRadius === '0px 0
|
||||
</head>
|
||||
<body>
|
||||
<div id="piano">
|
||||
<img class="logo" src="https://cdn.freecodecamp.org/platform/universal/fcc_primary.svg">
|
||||
<img class="logo" src="https://cdn.freecodecamp.org/platform/universal/fcc_primary.svg" alt="freeCodeCamp Logo" />
|
||||
<div class="keys">
|
||||
<div class="key"></div>
|
||||
<div class="key black--key"></div>
|
||||
|
||||
@ -32,7 +32,7 @@ assert(new __helpers.CSSHelp(document).getStyle('.key.black--key::after')?.borde
|
||||
</head>
|
||||
<body>
|
||||
<div id="piano">
|
||||
<img class="logo" src="https://cdn.freecodecamp.org/platform/universal/fcc_primary.svg">
|
||||
<img class="logo" src="https://cdn.freecodecamp.org/platform/universal/fcc_primary.svg" alt="freeCodeCamp Logo" />
|
||||
<div class="keys">
|
||||
<div class="key"></div>
|
||||
<div class="key black--key"></div>
|
||||
|
||||
@ -38,7 +38,7 @@ assert(new __helpers.CSSHelp(document).getCSSRules('media')[0]?.media?.mediaText
|
||||
</head>
|
||||
<body>
|
||||
<div id="piano">
|
||||
<img class="logo" src="https://cdn.freecodecamp.org/platform/universal/fcc_primary.svg">
|
||||
<img class="logo" src="https://cdn.freecodecamp.org/platform/universal/fcc_primary.svg" alt="freeCodeCamp Logo" />
|
||||
<div class="keys">
|
||||
<div class="key"></div>
|
||||
<div class="key black--key"></div>
|
||||
|
||||
@ -42,7 +42,7 @@ assert(piano?.style.width === '335px');
|
||||
</head>
|
||||
<body>
|
||||
<div id="piano">
|
||||
<img class="logo" src="https://cdn.freecodecamp.org/platform/universal/fcc_primary.svg">
|
||||
<img class="logo" src="https://cdn.freecodecamp.org/platform/universal/fcc_primary.svg" alt="freeCodeCamp Logo" />
|
||||
<div class="keys">
|
||||
<div class="key"></div>
|
||||
<div class="key black--key"></div>
|
||||
|
||||
@ -43,7 +43,7 @@ assert(keys?.style.width === '318px');
|
||||
</head>
|
||||
<body>
|
||||
<div id="piano">
|
||||
<img class="logo" src="https://cdn.freecodecamp.org/platform/universal/fcc_primary.svg">
|
||||
<img class="logo" src="https://cdn.freecodecamp.org/platform/universal/fcc_primary.svg" alt="freeCodeCamp Logo" />
|
||||
<div class="keys">
|
||||
<div class="key"></div>
|
||||
<div class="key black--key"></div>
|
||||
|
||||
@ -42,7 +42,7 @@ assert(logo?.style.width === '150px');
|
||||
</head>
|
||||
<body>
|
||||
<div id="piano">
|
||||
<img class="logo" src="https://cdn.freecodecamp.org/platform/universal/fcc_primary.svg">
|
||||
<img class="logo" src="https://cdn.freecodecamp.org/platform/universal/fcc_primary.svg" alt="freeCodeCamp Logo" />
|
||||
<div class="keys">
|
||||
<div class="key"></div>
|
||||
<div class="key black--key"></div>
|
||||
|
||||
@ -32,7 +32,7 @@ assert(new __helpers.CSSHelp(document).getStyle('.keys')?.overflow === 'hidden')
|
||||
</head>
|
||||
<body>
|
||||
<div id="piano">
|
||||
<img class="logo" src="https://cdn.freecodecamp.org/platform/universal/fcc_primary.svg">
|
||||
<img class="logo" src="https://cdn.freecodecamp.org/platform/universal/fcc_primary.svg" alt="freeCodeCamp Logo" />
|
||||
<div class="keys">
|
||||
<div class="key"></div>
|
||||
<div class="key black--key"></div>
|
||||
|
||||
@ -40,7 +40,7 @@ assert(mediaText === '(max-width: 1199px) and (min-width: 769px)' || mediaText =
|
||||
</head>
|
||||
<body>
|
||||
<div id="piano">
|
||||
<img class="logo" src="https://cdn.freecodecamp.org/platform/universal/fcc_primary.svg">
|
||||
<img class="logo" src="https://cdn.freecodecamp.org/platform/universal/fcc_primary.svg" alt="freeCodeCamp Logo" />
|
||||
<div class="keys">
|
||||
<div class="key"></div>
|
||||
<div class="key black--key"></div>
|
||||
|
||||
@ -60,7 +60,7 @@ assert(keys?.style.width === '633px');
|
||||
</head>
|
||||
<body>
|
||||
<div id="piano">
|
||||
<img class="logo" src="https://cdn.freecodecamp.org/platform/universal/fcc_primary.svg">
|
||||
<img class="logo" src="https://cdn.freecodecamp.org/platform/universal/fcc_primary.svg" alt="freeCodeCamp Logo" />
|
||||
<div class="keys">
|
||||
<div class="key"></div>
|
||||
<div class="key black--key"></div>
|
||||
|
||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user