freeCodeCamp/house-our-page-within-a-bootstrap-container-fluid-div.english.md at 301d03df7b91d4f9c72b7e49b188d2516f4a81af

Files

Randell Dawson 3ec1fe8ea7 feat: add forumTopicId to challenge frontmatter [pre-existing]

This commit adds the pre-existing challenge guide topics in the
forum to the forntmatter of their challenge markdown files.

2019-08-05 22:14:37 +05:30

1.3 KiB

Raw Blame History

id, title, challengeType, forumTopicId

id	title	challengeType	forumTopicId
bad87fee1348bd9aec908746	House our page within a Bootstrap container-fluid div	0	18198

Description

Now let's make sure all the content on your page is mobile-responsive. Let's nest your h3 element within a div element with the class container-fluid.

Instructions

Tests

tests:
  - text: Your <code>div</code> element should have the class <code>container-fluid</code>.
    testString: assert($("div").hasClass("container-fluid"));
  - text: Make sure each of your <code>div</code> elements has a closing tag.
    testString: assert(code.match(/<\/div>/g) && code.match(/<div/g) && code.match(/<\/div>/g).length === code.match(/<div/g).length);
  - text: Nest your <code>h3</code> element inside a <code>div</code> element.
    testString: assert($("div").children("h3").length >0);

Challenge Seed

<h3 class="text-primary text-center">jQuery Playground</h3>

Solution

<div class="container-fluid">
    <h3 class="text-primary text-center">jQuery Playground</h3>
</div>

1.3 KiB Raw Blame History