Files
Oliver Eyton-Williams 36363f277d test: enable tests for steps (#44550)
* fix: handle missing solutions correctly

Rather than creating an [[]] the parser now creates [] which isEmpty().
This makes the test suite check the next challenge for a solution.

In addition, the logic for testing solutions was fixed.

* chore: update snapshots

* test: build new superblock in node.js-tests CI

* test: allow forward slash in superblock slug

* fix: borked tests oops

* test: ignore duplicated projects

* fix: i did not break these shaun did :)

* fix: idIndex is index of id not id

Co-authored-by: Nicholas Carrigan <nhcarrigan@gmail.com>
2021-12-22 12:18:06 -08:00

1.6 KiB

id, title, challengeType, dashedName
id title challengeType dashedName
5f3477aefa51bfc29327200b Step 15 0 step-15

--description--

You have styled three elements by writing CSS inside the style tags. This works, but since there will many more styles, it's best to put all the styles in a separate file and link to it.

We have created a separate styles.css file for you and switched the editor view to that file. You can change between files with the tabs at the top of the editor.

Start by rewriting the styles you have created into the styles.css file. Make sure to exclude the opening and closing style tags.

--hints--

Your styles.css file should have the h1, h2, p type selector.

(getUserInput) => {
  assert(getUserInput('editableContents').replace(/[\s\n]*/g, "").match(/(h1|h2|p),(h1|h2|p),(h1|h2|p){/));
}

Your selector should set the text-align property to center.

(getUserInput) => {
  assert(getUserInput('editableContents').match(/text-align:\s*center;?/));
}

You should only have one selector.

(getUserInput) => {
  assert(getUserInput('editableContents').match(/text-align:\s*center;?/)?.length === 1);
}

--seed--

--seed-contents--

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>Camper Cafe Menu</title>
    <style>
      h1, h2, p {
        text-align: center;
      }
    </style>
  </head>
  <body>
    <header>
      <h1>CAMPER CAFE</h1>
      <p>Est. 2020</p>
    </header>
    <main>
      <section>
        <h2>Coffee</h2>
      </section>
    </main>
  </body>
<html>
--fcc-editable-region--

--fcc-editable-region--