So we need a lab that covers some of those topics in that workshop.
But also, just before this lab project will be a lecture on backgrounds and borders.
So maybe this lab could focus more on those aspects.
So maybe a project with cards and rounded borders?
And maybe some sort of background image or color?
Just a few ideas to think about 👍
length of project
Even though we will have user stories for both HTML and CSS in this project, it should still be a smaller project then the cafe menu project.
So maybe 10-15 user stories?
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
[ ] create a new folder of the project in the frontend-cert/css-projects directory
[ ] add your completed project in an index.html file and styles.css file in that new folder
[ ] create a markdown file for your proposed user stories. You should call it user-stories.md and place it in your new project folder
The Basic CSS 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 cafe menu project here https://www.freecodecamp.org/learn/2022/responsive-web-design/learn-basic-css-by-building-a-cafe-menu/step-91
So we need a lab that covers some of those topics in that workshop.
But also, just before this lab project will be a lecture on backgrounds and borders. So maybe this lab could focus more on those aspects. So maybe a project with cards and rounded borders? And maybe some sort of background image or color? Just a few ideas to think about 👍
length of project
Even though we will have user stories for both HTML and CSS in this project, it should still be a smaller project then the cafe menu project. So maybe 10-15 user stories?
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
frontend-cert/css-projectsdirectoryindex.htmlfile andstyles.cssfile in that new folderuser-stories.mdand place it in your new project folder