Add Flexbox Froggy to CSS Layouts submodule, Fireship's Flexbox video, and a new First Portfolio module

[CodeNKoffee]

Roadmap URL

https://roadmap.sh/frontend

Suggestions

Suggestions:

• Add Flexbox Froggy to the CSS module's "Making Layouts" submodule.
• Add Fireship's video on CSS Flexbox in 100 Seconds (https://youtu.be/K74l26pE4YA?si=5AeTNRZ2sBaPaXs-) as a resource for learning Flexbox.
• Create a new module called "First Portfolio" between CSS and JavaScript (or as a 4th submodule in CSS).
• Add David Bragg's video on making the first portfolio (https://youtu.be/C8BlRjB3vYI?si=FM4ZQ7o_5wXWbCg2) to the new "First Portfolio" module.

Reasoning:

• Flexbox Froggy is a popular interactive game that teaches Flexbox concepts in a fun and engaging way.
• Fireship's video is a concise and informative overview of Flexbox.
• David Bragg is a pioneer in the frontend space and his video on creating a first portfolio is a valuable resource for beginners.

Additional Notes:

• I believe David Bragg's video is one of the best on the topic, following best practices from top tech companies like Google and Meta.
• I have also included a screenshot in the PR for reference.
• If Fireship videos are approved as a prerequisite, then I shall also be adding Fireship's 100 seconds videos for each topic and that includes: HTML, CSS, JavaScript, React, and so according to the modules available

[github-actions]

🙌 Hello! Thank you for taking the time to file an issue.

If this is a bug report, please include any relevant logs or details that can help us debug the problem. Your help is greatly appreciated! 💡

We'll get back to you as soon as possible, kindly be patient for a response from a maintainer.