chore: add Learn Pseudo-classes workshops

[larymak]

Checklist:

• I have read freeCodeCamp's contribution guidelines.
• My pull request has a descriptive title (not a vague title like Update index.md)

Closes #421

[jdwilkin4]

I have concerns that this will be to similar to the build a personal portfolio page that they have to build.
Cane we change this to something else?

[larymak]

I have concerns that this will be to similar to the build a personal portfolio page that they have to build. Cane we change this to something else?

Can I replace it with a Portfolio gallery?

[jdwilkin4]

will the portfolio gallery be different then the flexbox workshop we are adding?
https://www.freecodecamp.org/learn/2022/responsive-web-design/learn-css-flexbox-by-building-a-photo-gallery/step-24

If the projects are different enough, then that should be fine. otherwise, you will need to find another option. Remember that Tom created that sheet of project ideas. so you can look to that if you need ideas, or message the team for potential ideas 👍

[larymak]

will the portfolio gallery be different then the flexbox workshop we are adding? https://www.freecodecamp.org/learn/2022/responsive-web-design/learn-css-flexbox-by-building-a-photo-gallery/step-24

If the projects are different enough, then that should be fine. otherwise, you will need to find another option. Remember that Tom created that sheet of project ideas. so you can look to that if you need ideas, or message the team for potential ideas 👍

Updated with a project from the suggestion list Greeting Card project

[jdwilkin4]

This looks good.
A few things

no1: you shouldn't use pixels for font sizes. campers will have learned about ems and rems in the previous module. So you will need to fix that in the css.

no.2: campers will not have learned about hex values yet. that is in the next module. so you can only use named colors. please update that

[jdwilkin4]

Looks good