freeCodeCamp / CurriculumExpansion

Creative Commons Attribution Share Alike 4.0 International
315 stars 105 forks source link

chore: add css flexbox lab project to frontend cert #398

Closed jdwilkin4 closed 4 months ago

jdwilkin4 commented 4 months ago

The CSS Flexbox module will have a few labs for campers to do. Labs are defined as short projects campers build on their own. It will consist of a blank editor and user stories. Here is an example for the format: https://www.freecodecamp.org/learn/the-odin-project/top-build-a-recipe-project/top-build-a-recipe-project

The previous workshop will have been the photo gallery project here https://www.freecodecamp.org/learn/2022/responsive-web-design/learn-css-flexbox-by-building-a-photo-gallery/step-24

So this lab project should focus on the basics of working with flexbox.

note about the HTML boilerplate

At this point in the cert, campers will have created a few labs and worked on a few workshops. So we no longer need to force them to write out the HTML boilerplate each time. So we don't need to create user stories for the HTML boilerplate anymore.

Note about adding new images

For adding new images, make sure they are free to use. You will also need to be add that image to our CDN repo here https://github.com/freeCodeCamp/cdn

Once the new image has been added to the CDN repo, then you will need to reference that cdn link in your project.

If you are not sure about if an image can be used, reach out on staff chat.

Acceptance criteria