Week 4 Exercises

This week, the mandatory exercises are:

1. Block and Inline: In this exercise, you'll practice setting the display property to block or inline.

2. Flexbox skills Check your flexbox skills by solving these small challenges.

3. Laid Back Recipes Layout: Lots of websites use "cards" to make browsing more appealing. In this challenge, you are given a recipe site that has styled the overview information about some of its recipes to look like cards. But, the recipes aren't organized well on the page. Your job will be to use layout to make the recipe cards look great.

To solve each exercise, navigate to the exercise folder and follow the instructions in the README.md file.

Testing

You can use the automated tests to check that your work is valid.

1. Navigate your terminal to the parent exercise folder for the week (not the individual exercise).

2. Install the project dependencies by running pnpm install

3. To run all tests for the week, run pnpm run test

4. To run the test for a specific exercise, you need to specify the path to the exercise folder, run pnpm run test exercise-folder. For example, run pnpm run test chicken-peanut-stew

If your solution has all the required elements it should say something like:

 PASS  ./html-elements.test.js
  The recipe page has the required HTML elements
    ✓ uses at least one heading element (50 ms)
    ✓ uses at least three heading elements (18 ms)
    ✓ uses at least two heading elements (10 ms)
    ✓ uses at least one image element (5 ms)
    ✓ index.html is a valid html doc (193 ms)

Test Suites: 1 passed, 1 total
Tests:       5 passed, 5 total
Snapshots:   0 total
Time:        2.104 s
Ran all test suites.

If it does not pass one of the tests, you should get some feedback about what is wrong or missing in your solution.

Submission

In order to get credit for your project, you must:

• push your code to Github Classroom
• submit your work in Gradescope
• submit your project in Woolf

Note that this assignment is automatically graded and you will see your grade shortly after submitting to Gradescope. You have unlimited number of attempts, therefore you are enouraged to modify your work and resubmit as much as possible, before the due date.