chore: remove type attributes RWD (#46518)

* chore(curriculum): remove type attributes

* chore: remove all type attributes new RWD
This commit is contained in:
Sem Bauke
2022-06-21 08:38:08 +02:00
committed by GitHub
parent 19f27fe3f8
commit e8be0c8a46
594 changed files with 602 additions and 645 deletions

View File

@@ -172,11 +172,11 @@ Your `#navbar` element should always be at the top of the viewport.
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="styles.css">
<link rel="stylesheet" href="styles.css">
<title>Personal Portfolio</title>
</head>
<body>
<link href="https://fonts.googleapis.com/css?family=Pacifico" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Pacifico" rel="stylesheet">
<!--Font Reference-->
<nav id="navbar">
<a href="#projects">Projects</a> |

View File

@@ -281,7 +281,7 @@ assert(usesFlex)
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="stylesheet" type="text/css" href="styles.css" />
<link rel="stylesheet" href="styles.css" />
<title>Product Landing Page</title>
</head>
<body>

View File

@@ -380,7 +380,7 @@ assert(!!el)
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="stylesheet" type="text/css" href="styles.css" />
<link rel="stylesheet" href="styles.css" />
<title>Survey Form</title>
</head>
<body>

View File

@@ -248,7 +248,7 @@ assert(cssCheck.length > 0 || htmlSourceAttr.length > 0);
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="stylesheet" type="text/css" href="styles.css" />
<link rel="stylesheet" href="styles.css" />
<title>Technical Documentation Page</title>
</head>
<body>

View File

@@ -207,14 +207,14 @@ assert(leftMargin - rightMargin < 6 && rightMargin - leftMargin < 6)
<link
href="https://fonts.googleapis.com/css?family=Pacifico"
rel="stylesheet"
type="text/css"
/>
<link
href="https://fonts.googleapis.com/css?family=Lobster"
rel="stylesheet"
type="text/css"
/>
<link href="styles.css" rel="stylesheet" type="text/css" />
<link href="styles.css" rel="stylesheet" />
<title>Tribute Page</title>
</head>
<body>

View File

@@ -7,7 +7,7 @@ dashedName: step-17
# --description--
Now you need to link the `styles.css` file so the styles will be applied again. Nest a self-closing `link` element in the `head` element. Give it a `rel` attribute value `stylesheet`, a `type` attribute value of `text/css`, and an `href` attribute value of `styles.css`.
Now you need to link the `styles.css` file so the styles will be applied again. Nest a self-closing `link` element in the `head` element. Give it a `rel` attribute value `stylesheet` and an `href` attribute value of `styles.css`.
# --hints--
@@ -43,12 +43,6 @@ Your `link` element should have a `rel` attribute with the value `stylesheet`.
assert(code.match(/rel\s*=\s*('|")stylesheet\1/i));
```
Your `link` element should have a `type` attribute with the value `text/css`.
```js
assert(code.match(/type\s*=\s*('|")text\/css\1/i));
```
Your `link` element should have an `href` attribute with the value `styles.css`.
```js

View File

@@ -43,7 +43,7 @@ assert(bodyBackground === 'brown');
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Cafe Menu</title>
<link href="styles.css" rel="stylesheet" type="text/css" />
<link href="styles.css" rel="stylesheet"/>
</head>
<body>
<header>

View File

@@ -48,7 +48,7 @@ assert(meta[0].outerHTML.match(/content=('|")width=device-width, initial-scale=1
<head>
<meta charset="utf-8" />
<title>Cafe Menu</title>
<link href="styles.css" rel="stylesheet" type="text/css" />
<link href="styles.css" rel="stylesheet"/>
</head>
--fcc-editable-region--
<body>

View File

@@ -36,7 +36,7 @@ assert(bodyBackground === 'burlywood');
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Cafe Menu</title>
<link href="styles.css" rel="stylesheet" type="text/css" />
<link href="styles.css" rel="stylesheet"/>
</head>
<body>
<header>

View File

@@ -36,7 +36,7 @@ assert(!hasWidth);
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Cafe Menu</title>
<link href="styles.css" rel="stylesheet" type="text/css" />
<link href="styles.css" rel="stylesheet"/>
</head>
<body>
<div>

View File

@@ -43,7 +43,7 @@ assert(bodyCSS === "rgba(0, 0, 0, 0)")
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Cafe Menu</title>
<link href="styles.css" rel="stylesheet" type="text/css" />
<link href="styles.css" rel="stylesheet"/>
</head>
<body>
<div>

View File

@@ -44,7 +44,7 @@ assert(!hasDiv);
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Cafe Menu</title>
<link href="styles.css" rel="stylesheet" type="text/css" />
<link href="styles.css" rel="stylesheet"/>
</head>
<body>
<div>

View File

@@ -43,7 +43,7 @@ assert(divWidth === '300px');
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Cafe Menu</title>
<link href="styles.css" rel="stylesheet" type="text/css" />
<link href="styles.css" rel="stylesheet"/>
</head>
<body>
<div>

View File

@@ -36,7 +36,7 @@ assert(divBackground === 'burlywood');
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Cafe Menu</title>
<link href="styles.css" rel="stylesheet" type="text/css" />
<link href="styles.css" rel="stylesheet"/>
</head>
<body>
<div>

View File

@@ -45,7 +45,7 @@ assert(divMarginLeft === 'auto');
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Cafe Menu</title>
<link href="styles.css" rel="stylesheet" type="text/css" />
<link href="styles.css" rel="stylesheet"/>
</head>
<body>
<div>

View File

@@ -34,7 +34,7 @@ assert($('div').attr('class').includes('menu'));
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Cafe Menu</title>
<link href="styles.css" rel="stylesheet" type="text/css" />
<link href="styles.css" rel="stylesheet"/>
</head>
<body>
--fcc-editable-region--

View File

@@ -47,7 +47,7 @@ assert(div.parentElement.tagName === 'BODY');
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Cafe Menu</title>
<link href="styles.css" rel="stylesheet" type="text/css" />
<link href="styles.css" rel="stylesheet"/>
</head>
--fcc-editable-region--
<body>

View File

@@ -47,7 +47,7 @@ assert(article.previousElementSibling.tagName === 'H2');
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Cafe Menu</title>
<link href="styles.css" rel="stylesheet" type="text/css" />
<link href="styles.css" rel="stylesheet"/>
</head>
<body>
<div class="menu">

View File

@@ -51,7 +51,7 @@ assert(bodyBackground === `url("https://cdn.freecodecamp.org/curriculum/css-cafe
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Cafe Menu</title>
<link href="styles.css" rel="stylesheet" type="text/css" />
<link href="styles.css" rel="stylesheet"/>
</head>
<body>
<div class="menu">

View File

@@ -36,7 +36,7 @@ assert(priceWidth === '50%');
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Cafe Menu</title>
<link href="styles.css" rel="stylesheet" type="text/css" />
<link href="styles.css" rel="stylesheet"/>
</head>
<body>
<div class="menu">

View File

@@ -42,7 +42,7 @@ assert($('.flavor')[0].innerText.match(/French Vanilla/i));
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Cafe Menu</title>
<link href="styles.css" rel="stylesheet" type="text/css" />
<link href="styles.css" rel="stylesheet"/>
</head>
<body>
<div class="menu">

View File

@@ -86,7 +86,7 @@ assert(children[1].innerText.match(/4\.50/i));
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Cafe Menu</title>
<link href="styles.css" rel="stylesheet" type="text/css" />
<link href="styles.css" rel="stylesheet"/>
</head>
<body>
<div class="menu">

View File

@@ -48,7 +48,7 @@ assert(secondP.innerText.match(/3\.00/i));
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Cafe Menu</title>
<link href="styles.css" rel="stylesheet" type="text/css" />
<link href="styles.css" rel="stylesheet"/>
</head>
<body>
<div class="menu">

View File

@@ -49,7 +49,7 @@ assert(itemPDisplay === 'inline-block');
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Cafe Menu</title>
<link href="styles.css" rel="stylesheet" type="text/css" />
<link href="styles.css" rel="stylesheet"/>
</head>
<body>
<div class="menu">

View File

@@ -38,7 +38,7 @@ assert(priceWidth === '49%');
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Cafe Menu</title>
<link href="styles.css" rel="stylesheet" type="text/css" />
<link href="styles.css" rel="stylesheet"/>
</head>
<body>
<div class="menu">

View File

@@ -42,7 +42,7 @@ assert($('article')[0].className === 'item');
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Cafe Menu</title>
<link href="styles.css" rel="stylesheet" type="text/css" />
<link href="styles.css" rel="stylesheet"/>
</head>
<body>
<div class="menu">

View File

@@ -36,7 +36,7 @@ assert(priceWidth === '50%');
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Cafe Menu</title>
<link href="styles.css" rel="stylesheet" type="text/css" />
<link href="styles.css" rel="stylesheet"/>
</head>
<body>
<div class="menu">

View File

@@ -47,7 +47,7 @@ assert(articles[4] === items[4]);
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Cafe Menu</title>
<link href="styles.css" rel="stylesheet" type="text/css" />
<link href="styles.css" rel="stylesheet"/>
</head>
<body>
<div class="menu">

View File

@@ -46,7 +46,7 @@ assert($('main').children('section').length === 2);
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Cafe Menu</title>
<link href="styles.css" rel="stylesheet" type="text/css" />
<link href="styles.css" rel="stylesheet"/>
</head>
<body>
<div class="menu">

View File

@@ -30,7 +30,7 @@ assert(code.match(/Vanilla<\/p><p/));
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Cafe Menu</title>
<link href="styles.css" rel="stylesheet" type="text/css" />
<link href="styles.css" rel="stylesheet"/>
</head>
<body>
<div class="menu">

View File

@@ -50,7 +50,7 @@ assert($('hr')[0].nextElementSibling.tagName === 'MAIN');
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Cafe Menu</title>
<link href="styles.css" rel="stylesheet" type="text/css" />
<link href="styles.css" rel="stylesheet"/>
</head>
<body>
<div class="menu">

View File

@@ -38,7 +38,7 @@ assert(menuMaxWidth === '500px');
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Cafe Menu</title>
<link href="styles.css" rel="stylesheet" type="text/css" />
<link href="styles.css" rel="stylesheet"/>
</head>
<body>
<div class="menu">

View File

@@ -60,7 +60,7 @@ assert(menuPadding === '20px');
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Cafe Menu</title>
<link href="styles.css" rel="stylesheet" type="text/css" />
<link href="styles.css" rel="stylesheet"/>
</head>
<body>
<div class="menu">

View File

@@ -59,7 +59,7 @@ assert(menuPaddingBottom === '20px');
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Cafe Menu</title>
<link href="styles.css" rel="stylesheet" type="text/css" />
<link href="styles.css" rel="stylesheet"/>
</head>
<body>
<div class="menu">

View File

@@ -37,7 +37,7 @@ assert(bodyFontFamily === 'sans-serif');
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Cafe Menu</title>
<link href="styles.css" rel="stylesheet" type="text/css" />
<link href="styles.css" rel="stylesheet"/>
</head>
<body>
<div class="menu">

View File

@@ -50,7 +50,7 @@ assert($('h2').css('font-family').match(/impact/i));
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Cafe Menu</title>
<link href="styles.css" rel="stylesheet" type="text/css" />
<link href="styles.css" rel="stylesheet"/>
</head>
<body>
<div class="menu">

View File

@@ -43,7 +43,7 @@ assert(establishedFontStyle === 'italic');
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Cafe Menu</title>
<link href="styles.css" rel="stylesheet" type="text/css" />
<link href="styles.css" rel="stylesheet"/>
</head>
<body>
<div class="menu">

View File

@@ -47,7 +47,7 @@ assert(footer.previousElementSibling.tagName === 'MAIN');
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Cafe Menu</title>
<link href="styles.css" rel="stylesheet" type="text/css" />
<link href="styles.css" rel="stylesheet"/>
</head>
<body>
<div class="menu">

View File

@@ -40,7 +40,7 @@ assert($('section')[1].children[1].className === 'item');
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Cafe Menu</title>
<link href="styles.css" rel="stylesheet" type="text/css" />
<link href="styles.css" rel="stylesheet"/>
</head>
<body>
<div class="menu">

View File

@@ -41,7 +41,7 @@ assert($('.established').css('font-style') === 'italic');
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Cafe Menu</title>
<link href="styles.css" rel="stylesheet" type="text/css" />
<link href="styles.css" rel="stylesheet"/>
</head>
<body>
<div class="menu">

View File

@@ -52,7 +52,7 @@ assert($('footer').find('a').attr('href') === 'https://www.freecodecamp.org');
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Cafe Menu</title>
<link href="styles.css" rel="stylesheet" type="text/css" />
<link href="styles.css" rel="stylesheet"/>
</head>
<body>
<div class="menu">

View File

@@ -34,7 +34,7 @@ assert($('footer').children('p').last().text().match(/123 Free Code Camp Drive/i
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Cafe Menu</title>
<link href="styles.css" rel="stylesheet" type="text/css" />
<link href="styles.css" rel="stylesheet"/>
</head>
<body>
<div class="menu">

View File

@@ -40,7 +40,7 @@ assert($('h2')[1].innerText.match(/Desserts/i));
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Cafe Menu</title>
<link href="styles.css" rel="stylesheet" type="text/css" />
<link href="styles.css" rel="stylesheet"/>
</head>
<body>
<div class="menu">

View File

@@ -31,7 +31,7 @@ assert(fontFamily === 'Impact, serif');
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Cafe Menu</title>
<link href="styles.css" rel="stylesheet" type="text/css" />
<link href="styles.css" rel="stylesheet"/>
</head>
<body>
<div class="menu">

View File

@@ -52,7 +52,7 @@ assert(menuPaddingRight === '20px');
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Cafe Menu</title>
<link href="styles.css" rel="stylesheet" type="text/css" />
<link href="styles.css" rel="stylesheet"/>
</head>
<body>
<div class="menu">

View File

@@ -52,7 +52,7 @@ assert(h2FontSize === '30px');
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Cafe Menu</title>
<link href="styles.css" rel="stylesheet" type="text/css" />
<link href="styles.css" rel="stylesheet"/>
</head>
<body>
<div class="menu">

View File

@@ -45,7 +45,7 @@ assert(hrHeight === '3px');
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Cafe Menu</title>
<link href="styles.css" rel="stylesheet" type="text/css" />
<link href="styles.css" rel="stylesheet"/>
</head>
<body>
<div class="menu">

View File

@@ -35,7 +35,7 @@ assert(hrBackgroundColor === 'brown');
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Cafe Menu</title>
<link href="styles.css" rel="stylesheet" type="text/css" />
<link href="styles.css" rel="stylesheet"/>
</head>
<body>
<div class="menu">

View File

@@ -38,7 +38,7 @@ assert(hrBorderColor === 'brown');
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Cafe Menu</title>
<link href="styles.css" rel="stylesheet" type="text/css" />
<link href="styles.css" rel="stylesheet"/>
</head>
<body>
<div class="menu">

View File

@@ -38,7 +38,7 @@ assert(hrHeight === '2px');
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Cafe Menu</title>
<link href="styles.css" rel="stylesheet" type="text/css" />
<link href="styles.css" rel="stylesheet"/>
</head>
<body>
<div class="menu">

View File

@@ -35,7 +35,7 @@ assert($('hr')[1].nextElementSibling.tagName === 'FOOTER');
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Cafe Menu</title>
<link href="styles.css" rel="stylesheet" type="text/css" />
<link href="styles.css" rel="stylesheet"/>
</head>
<body>
<div class="menu">

View File

@@ -35,7 +35,7 @@ assert(bodyPadding === '20px');
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Cafe Menu</title>
<link href="styles.css" rel="stylesheet" type="text/css" />
<link href="styles.css" rel="stylesheet"/>
</head>
<body>
<div class="menu">

View File

@@ -59,7 +59,7 @@ assert(itemPMarginBottom === '5px');
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Cafe Menu</title>
<link href="styles.css" rel="stylesheet" type="text/css" />
<link href="styles.css" rel="stylesheet"/>
</head>
<body>
<div class="menu">

View File

@@ -43,7 +43,7 @@ assert(itemPFontSize === '18px');
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Cafe Menu</title>
<link href="styles.css" rel="stylesheet" type="text/css" />
<link href="styles.css" rel="stylesheet"/>
</head>
<body>
<div class="menu">

View File

@@ -50,7 +50,7 @@ assert(footerFontSize === '14px');
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Cafe Menu</title>
<link href="styles.css" rel="stylesheet" type="text/css" />
<link href="styles.css" rel="stylesheet"/>
</head>
<body>
<div class="menu">

View File

@@ -44,7 +44,7 @@ assert(aColor === 'black');
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Cafe Menu</title>
<link href="styles.css" rel="stylesheet" type="text/css" />
<link href="styles.css" rel="stylesheet"/>
</head>
<body>
<div class="menu">

View File

@@ -45,7 +45,7 @@ assert(aVisitedColor === 'grey' || aVisitedColor === 'gray');
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Cafe Menu</title>
<link href="styles.css" rel="stylesheet" type="text/css" />
<link href="styles.css" rel="stylesheet"/>
</head>
<body>
<div class="menu">

View File

@@ -45,7 +45,7 @@ assert(aHoverColor === 'brown');
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Cafe Menu</title>
<link href="styles.css" rel="stylesheet" type="text/css" />
<link href="styles.css" rel="stylesheet"/>
</head>
<body>
<div class="menu">

View File

@@ -45,7 +45,7 @@ assert(aActiveColor === 'white');
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Cafe Menu</title>
<link href="styles.css" rel="stylesheet" type="text/css" />
<link href="styles.css" rel="stylesheet"/>
</head>
<body>
<div class="menu">

View File

@@ -36,7 +36,7 @@ assert(aActiveColor === 'brown');
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Cafe Menu</title>
<link href="styles.css" rel="stylesheet" type="text/css" />
<link href="styles.css" rel="stylesheet"/>
</head>
<body>
<div class="menu">

View File

@@ -38,7 +38,7 @@ assert(h1MarginTop === '0px');
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Cafe Menu</title>
<link href="styles.css" rel="stylesheet" type="text/css" />
<link href="styles.css" rel="stylesheet"/>
</head>
<body>
<div class="menu">

View File

@@ -36,7 +36,7 @@ assert(h1MarginBottom === '15px');
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Cafe Menu</title>
<link href="styles.css" rel="stylesheet" type="text/css" />
<link href="styles.css" rel="stylesheet"/>
</head>
<body>
<div class="menu">

View File

@@ -45,7 +45,7 @@ assert(addressMarginBottom === '5px');
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Cafe Menu</title>
<link href="styles.css" rel="stylesheet" type="text/css" />
<link href="styles.css" rel="stylesheet"/>
</head>
<body>
<div class="menu">

View File

@@ -40,7 +40,7 @@ assert($('.address')[0].innerText.match(/123 Free Code Camp Drive/i));
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Cafe Menu</title>
<link href="styles.css" rel="stylesheet" type="text/css" />
<link href="styles.css" rel="stylesheet"/>
</head>
<body>
<div class="menu">

View File

@@ -42,7 +42,7 @@ assert($('img').attr('alt').match(/coffee icon/i));
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Cafe Menu</title>
<link href="styles.css" rel="stylesheet" type="text/css" />
<link href="styles.css" rel="stylesheet"/>
</head>
<body>
<div class="menu">

View File

@@ -28,7 +28,7 @@ assert(code.match(/\/\*\s*FOOTER\s*\*\//i));
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Cafe Menu</title>
<link href="styles.css" rel="stylesheet" type="text/css" />
<link href="styles.css" rel="stylesheet"/>
</head>
<body>
<div class="menu">

View File

@@ -45,7 +45,7 @@ assert(bottomLineMargin === '25px');
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Cafe Menu</title>
<link href="styles.css" rel="stylesheet" type="text/css" />
<link href="styles.css" rel="stylesheet"/>
</head>
<body>
<div class="menu">

View File

@@ -34,7 +34,7 @@ assert($('hr')[1].className === 'bottom-line');
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Cafe Menu</title>
<link href="styles.css" rel="stylesheet" type="text/css" />
<link href="styles.css" rel="stylesheet"/>
</head>
<body>
<div class="menu">

View File

@@ -68,7 +68,7 @@ assert(imgMarginRight === 'auto');
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Cafe Menu</title>
<link href="styles.css" rel="stylesheet" type="text/css" />
<link href="styles.css" rel="stylesheet"/>
</head>
<body>
<div class="menu">

View File

@@ -40,7 +40,7 @@ assert($('img').last().attr('alt').match(/pie icon/i));
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Cafe Menu</title>
<link href="styles.css" rel="stylesheet" type="text/css" />
<link href="styles.css" rel="stylesheet"/>
</head>
<body>
<div class="menu">

View File

@@ -38,7 +38,7 @@ assert(priceWidth === '25%');
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Cafe Menu</title>
<link href="styles.css" rel="stylesheet" type="text/css" />
<link href="styles.css" rel="stylesheet"/>
</head>
<body>
<div class="menu">

View File

@@ -38,7 +38,7 @@ assert(imgMarginTop === '-25px');
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Cafe Menu</title>
<link href="styles.css" rel="stylesheet" type="text/css" />
<link href="styles.css" rel="stylesheet"/>
</head>
<body>
<div class="menu">
@@ -205,7 +205,7 @@ a:active {
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Cafe Menu</title>
<link href="styles.css" rel="stylesheet" type="text/css" />
<link href="styles.css" rel="stylesheet"/>
</head>
<body>
<div class="menu">

View File

@@ -46,7 +46,7 @@ assert($('article').last().children('p')[1].innerText.match(/1\.50/i));
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Cafe Menu</title>
<link href="styles.css" rel="stylesheet" type="text/css" />
<link href="styles.css" rel="stylesheet"/>
</head>
<body>
<div class="menu">

View File

@@ -80,7 +80,7 @@ assert(!code.match(/<\/p>\s+<p/));
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Cafe Menu</title>
<link href="styles.css" rel="stylesheet" type="text/css" />
<link href="styles.css" rel="stylesheet"/>
</head>
<body>
<div class="menu">

View File

@@ -28,7 +28,7 @@ assert(!code.match(/<\/p>\s+<p/));
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Cafe Menu</title>
<link href="styles.css" rel="stylesheet" type="text/css" />
<link href="styles.css" rel="stylesheet"/>
</head>
<body>
<div class="menu">

View File

@@ -58,7 +58,7 @@ assert(p[10] === price[4]);
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Cafe Menu</title>
<link href="styles.css" rel="stylesheet" type="text/css" />
<link href="styles.css" rel="stylesheet"/>
</head>
<body>
<div class="menu">

View File

@@ -43,7 +43,7 @@ assert(flavorTextAlign === 'left');
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Cafe Menu</title>
<link href="styles.css" rel="stylesheet" type="text/css" />
<link href="styles.css" rel="stylesheet"/>
</head>
<body>
<div class="menu">

View File

@@ -40,7 +40,7 @@ assert($('.price')[0].innerText.match(/3\.00/i));
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Cafe Menu</title>
<link href="styles.css" rel="stylesheet" type="text/css" />
<link href="styles.css" rel="stylesheet"/>
</head>
<body>
<div class="menu">

View File

@@ -40,7 +40,7 @@ assert($('.price').css('text-align') === 'right');
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Cafe Menu</title>
<link href="styles.css" rel="stylesheet" type="text/css" />
<link href="styles.css" rel="stylesheet"/>
</head>
<body>
<div class="menu">

View File

@@ -46,7 +46,7 @@ assert(!code.match(/<\/p>\s+<p/));
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Cafe Menu</title>
<link href="styles.css" rel="stylesheet" type="text/css" />
<link href="styles.css" rel="stylesheet"/>
</head>
<body>
<div class="menu">

View File

@@ -31,7 +31,7 @@ assert(selector)
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Cafe Menu</title>
<link href="styles.css" rel="stylesheet" type="text/css" />
<link href="styles.css" rel="stylesheet"/>
</head>
<body>
<div class="menu">

View File

@@ -9,7 +9,7 @@ dashedName: step-7
In this project you'll work with an external CSS file to style the page. We've already created a `styles.css` file for you. But before you can use it, you'll need to link it to the page.
Nest a `link` element within the `head`. Give it a `rel` attribute set to `stylesheet`, a `type` attribute set to `text/css`, and an `href` attribute set to `styles.css`.
Nest a `link` element within the `head`. Give it a `rel` attribute set to `stylesheet` and an `href` attribute set to `styles.css`.
# --hints--
@@ -38,12 +38,6 @@ Your `link` element should have a `rel` attribute with the value `stylesheet`.
assert(code.match(/<link[\s\S]*?rel=('|"|`)stylesheet\1/gi)?.length === 1);
```
Your `link` element should have a `type` attribute with the value `text/css`.
```js
assert(code.match(/<link[\s\S]*?type=('|"|`)text\/css\1/gi)?.length === 1);
```
Your `link` element should have an `href` attribute with the value `styles.css`. Remember, casing matters when you link to an external file.
```js

View File

@@ -44,7 +44,7 @@ assert(new __helpers.CSSHelp(document).getStyle('h1')?.textAlign === 'center');
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Colored Markers</title>
<link rel="stylesheet" type="text/css" href="styles.css">
<link rel="stylesheet" href="styles.css">
</head>
<body>
<h1>CSS Color Markers</h1>

View File

@@ -54,7 +54,7 @@ assert(document.querySelector('div')?.classList?.contains('container'));
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Colored Markers</title>
<link rel="stylesheet" type="text/css" href="styles.css">
<link rel="stylesheet" href="styles.css">
</head>
--fcc-editable-region--
<body>

View File

@@ -47,7 +47,7 @@ assert(containerChildren.every(child => child.classList?.contains('marker')));
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Colored Markers</title>
<link rel="stylesheet" type="text/css" href="styles.css">
<link rel="stylesheet" href="styles.css">
</head>
--fcc-editable-region--
<body>

View File

@@ -44,7 +44,7 @@ assert(new __helpers.CSSHelp(document).getStyle('.marker')?.backgroundColor ===
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Colored Markers</title>
<link rel="stylesheet" type="text/css" href="styles.css">
<link rel="stylesheet" href="styles.css">
</head>
<body>
<h1>CSS Color Markers</h1>

View File

@@ -36,7 +36,7 @@ assert(new __helpers.CSSHelp(document).getStyle('.marker')?.height === '25px');
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Colored Markers</title>
<link rel="stylesheet" type="text/css" href="styles.css">
<link rel="stylesheet" href="styles.css">
</head>
<body>
<h1>CSS Color Markers</h1>

View File

@@ -32,7 +32,7 @@ assert(new __helpers.CSSHelp(document).getStyle('.marker')?.margin === 'auto');
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Colored Markers</title>
<link rel="stylesheet" type="text/css" href="styles.css">
<link rel="stylesheet" href="styles.css">
</head>
<body>
<h1>CSS Color Markers</h1>

View File

@@ -62,7 +62,7 @@ assert(containerChildren.every(child => child?.classList?.contains('marker')));
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Colored Markers</title>
<link rel="stylesheet" type="text/css" href="styles.css">
<link rel="stylesheet" href="styles.css">
</head>
<body>
<h1>CSS Color Markers</h1>

View File

@@ -32,7 +32,7 @@ assert(new __helpers.CSSHelp(document).getStyle('.marker')?.margin === '10px aut
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Colored Markers</title>
<link rel="stylesheet" type="text/css" href="styles.css">
<link rel="stylesheet" href="styles.css">
</head>
<body>
<h1>CSS Color Markers</h1>

View File

@@ -46,7 +46,7 @@ assert(containerFirstChild?.classList?.contains('marker') && containerFirstChild
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Colored Markers</title>
<link rel="stylesheet" type="text/css" href="styles.css">
<link rel="stylesheet" href="styles.css">
</head>
<body>
<h1>CSS Color Markers</h1>

View File

@@ -28,7 +28,7 @@ assert(!code.includes('background-color') && !new __helpers.CSSHelp(document).ge
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Colored Markers</title>
<link rel="stylesheet" type="text/css" href="styles.css">
<link rel="stylesheet" href="styles.css">
</head>
<body>
<h1>CSS Color Markers</h1>

View File

@@ -34,7 +34,7 @@ assert(new __helpers.CSSHelp(document).getStyle('.one')?.backgroundColor === 're
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Colored Markers</title>
<link rel="stylesheet" type="text/css" href="styles.css">
<link rel="stylesheet" href="styles.css">
</head>
<body>
<h1>CSS Color Markers</h1>

View File

@@ -50,7 +50,7 @@ assert(containerThirdChild?.classList?.contains('marker') && containerThirdChild
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Colored Markers</title>
<link rel="stylesheet" type="text/css" href="styles.css">
<link rel="stylesheet" href="styles.css">
</head>
<body>
<h1>CSS Color Markers</h1>

View File

@@ -48,7 +48,7 @@ assert(new __helpers.CSSHelp(document).getStyle('.three')?.backgroundColor === '
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Colored Markers</title>
<link rel="stylesheet" type="text/css" href="styles.css">
<link rel="stylesheet" href="styles.css">
</head>
<body>
<h1>CSS Color Markers</h1>

View File

@@ -38,7 +38,7 @@ assert(new __helpers.CSSHelp(document).getStyle('.container')?.backgroundColor =
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Colored Markers</title>
<link rel="stylesheet" type="text/css" href="styles.css">
<link rel="stylesheet" href="styles.css">
</head>
<body>
<h1>CSS Color Markers</h1>

View File

@@ -42,7 +42,7 @@ assert(new __helpers.CSSHelp(document).getStyle('.one')?.backgroundColor === 'rg
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Colored Markers</title>
<link rel="stylesheet" type="text/css" href="styles.css">
<link rel="stylesheet" href="styles.css">
</head>
<body>
<h1>CSS Color Markers</h1>

View File

@@ -50,7 +50,7 @@ assert(new __helpers.CSSHelp(document).getStyle('.three')?.backgroundColor === '
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Colored Markers</title>
<link rel="stylesheet" type="text/css" href="styles.css">
<link rel="stylesheet" href="styles.css">
</head>
<body>
<h1>CSS Color Markers</h1>

View File

@@ -30,7 +30,7 @@ assert(new __helpers.CSSHelp(document).getStyle('.two')?.backgroundColor === 'rg
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Colored Markers</title>
<link rel="stylesheet" type="text/css" href="styles.css">
<link rel="stylesheet" href="styles.css">
</head>
<body>
<h1>CSS Color Markers</h1>

View File

@@ -36,7 +36,7 @@ assert(new __helpers.CSSHelp(document).getStyle('.container')?.padding === '10px
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Colored Markers</title>
<link rel="stylesheet" type="text/css" href="styles.css">
<link rel="stylesheet" href="styles.css">
</head>
<body>
<h1>CSS Color Markers</h1>

Some files were not shown because too many files have changed in this diff Show More